כולל רכיבי HTML ישנים וחדשים ל- HTML5
למרות התפתחותה החלה שנים רבות קודם לכן, HTML5 הראשון באמת התחיל לבוא לשימוש נפוץ עם מעצבי אינטרנט / מפתחים בשנת 2010. ממש מחוץ לשפה, השפה הרגישה מוכר לאנשי מקצוע רבים באינטרנט, כי במקום לנסות להמציא מחדש את הכל מהתחלה, HTML5 שנבנו על מה שהיה קודם. כל מי שידע HTML 4.01 מצא במהירות כי לא מעט גירסה זו ניתן למצוא כעת ב- HTML5.
בעוד HTML5 כולל אלמנטים רבים שהיו ב- HTML לזמן מה, הוא גם הציג קומץ אלמנטים שהיו חדשים ל- HTML5. עבור רבים מהאלמנטים החדשים הללו, נעשה שימוש בגישה שנקראה "סלילת הקובלות". זהו מונח כי הוא נפוץ ב- IT כדי בעצם מתכוון להסתכל על מה אנשים כבר עושים ולעשות את זה. במקרה של מעצבי אתרים, זה היה אמור לראות איך הם כבר בונים עמודים כדי לבסס החלטות על אלמנטים חדשים על פעילויות אלה. לדוגמה, מומחי אינטרנט רבים יבנו אתרי אינטרנט עם חטיבות שבהן נעשה שימוש במזהים או תכונות מחלקה של "כותרת", "nav" ו- "footer". ככזה, HTML5 הציג את אלה כאלמנטים חדשים, המאפשר לאנשי מקצוע באינטרנט להוסיף משמעות יותר למסמכים שלהם באמצעות אלמנטים ייעודי החתך במקום רק חטיבות. שילוב זה של היכרות וגישה שהכירו את הנוהגים הנוכחיים סייעו ל- HTML5 להיות מאומצת במהירות על ידי תעשיית עיצוב האתרים.
ה- HTML5 Doctype
ראשית, כדי להשתמש בכל אלמנטים HTML5 חדשים, המסמך שלך חייב לכלול את ה- HTML5 doctype שהוא:
ייתכן שתבחין שדוקטיפ זה אינו מציין במפורש את "HTML5", אלא פשוט מציין את הגרסה כ- "html". הסיבה לכך היא שהדוקטיפ הוא מה שאמור להיות בשימוש קדימה עבור כל האיטרציות של השפה.
למעשה, HTML5 אמורה להיות הגירסה האחרונה של השפה, עם שינויים חדשים מתווספים על בסיס עקבי בעתיד. למעשה, כמה מרכיבים ברשימה להלן נוספו לשפה גם לאחר דחיפה הראשונית בשנת 2010!
תגי HTML5
תָג | הֶסבֵּר |
---|---|
עוגן או קישור | |
abbr> | נוֹטָרִיקוֹן |
address> | כתובת או מחברים של המסמך |
<שטח> | מפת תמונות בצד הלקוח |
| מאמר |
<בצד> aside> | תוכן משיק |
זרם שמע | |
b> | נוֹעָז |
| נתיבי URI בסיסיים עבור אלמנטים במסמך |
bdo> | אלגוריתם דו-כיווני |
blockquote> | ציטוט ארוך |
body> | גוף הדף |
| שובר שורה |
לחצן טופס HTML | |
בד עבור גרפיקה דינמית | |
<- - -> | תגובה |
| כותרת טבלה |
cite> | צִיטָטָה |
code> | קוד התייחסות |
| עמודה בטבלה |
| קיבוץ עמודות טור |
<הפקודה> | פקודה או פעולה בדף |
הגדרת סוג מסמך | |
| רשת נתונים |
אפשרויות מוגדרות מראש לבקרות אחרות | |
| תיאור תיאור רשימה או טווח שיח |
| טקסט שנמחק |
<פרטים> פרטים> | מידע נוסף על פי דרישה |
dfn> | הַגדָרָה |
<שיח> שיח> | שִׂיחָה |
div> | חלוקה לוגית |
| רשימת תיאור |
| הגדרת מונח רשימה או רמקול שיח |
em> | דָגֵשׁ |
רכיב מוטבע עבור יישומי פלאגין | |
קבוצת בקרת טפסים | |
| הכיתוב המשמש עבור אלמנט |
איור עם כיתוב אופציונלי | |
כותרת תחתונה של הדף | |
<טופס> form> | טופס |
h1> | כותרת ראשית |
h2> | כותרת בדרגה שנייה |
h3> | כותרת ברמה השלישית |
h4> | כותרת ברמה הרביעית |
h5> | כותרת ברמה החמישית |
h6> | כותרת ברמה השישית |
head> | ראש המסמך |
| כותרת של דף |
hgroup> | קבוצת כותרת |
| כלל אופקי |
html> | רכיב הבסיס של דף אינטרנט |
i> | סגנון טקסט נטוי |
מסגרת מוטבעת | |
תמונה | |
<קלט> | אלמנט טופס קלט |
אלמנט טופס לחצן | |
אלמנט טופס התיוג | |
קלט צבע | |
קלט תאריך | |
קלט תאריך ושעה גלובלי | |
תאריך מקומי ושעת קלט | |
קלט כתובת דוא"ל | |
אלמנט טופס ההעלאה של הקובץ | |
אלמנט שדה מוסתר | |
אלמנט טופס תמונה | |
<סוג קלט = "חודש"> | שנה וחודש קלט |
קלט מספר | |
אלמנט טופס סיסמה | |
אלמנט טופס לחצן הבחירה | |
קלט ספרות לא מדויק | |
אלמנט טופס לחצני איפוס | |
שדה חיפוש | |
שלח אלמנט טופס כפתור | |
מספר טלפון קלט | |
אלמנט טופס שדה טקסט | |
קלט זמן | |
קלט כתובת אתר | |
שנה ותשומת שבוע | |
ins> | טקסט שהוזן |
kbd> | טקסט שיוזן על ידי המשתמש |
| צור מקשים מאובטחים לניהול תעודות |
תווית טופס | |
טופס כיתוב טופס | |
| פריט ברשימה |
קישור למסמכים קשורים | |
| אזור התוכן הראשי בדף |
<מפה> map> | מפת תמונות בצד הלקוח |
mark> | טקסט מסומן או מסומן |
רשימת פקודות | |
מטה מידע על המסמך | |
<מטר> מטר> | מד סקלרי |
הגדר אזור עם קישורי ניווט | |
תוכן כאשר הסקריפטים אינם זמינים | |
אובייקט לא סטנדרטי | |
| רשימה מסודרת או ממוספרת |
קבוצת אפשרויות ברשימה נבחרת | |
<אפשרות> אפשרות> | אפשרות ברשימה נבחרת |
<פלט> פלט> | תוצאה של חישוב טופס |
p> | פסקה |
פרמטר של אלמנט אובייקט | |
pre> | טקסט מעוצב מראש |
מחוון התקדמות | |
q> | ציטוט קצר בתוך שורה |
רובי בסוגריים | |
טקסט רובי | |
ruby> | רובי ביאור |
| טקסט מחרוזת |
samp> | פלט לדוגמה |