HTML Doctype - מה זה? מה שאתם צריכים לדעת על הפריט

לא משנה מה הספקנים, ההתקדמות ממשיכה להיות תופעה שאי אפשר לעצור אותו. עם זאת, בעוד חלקם מהלך ממושך זועם לגן הירח, ואחרים שקועים ממש בפאניקה, כי זה הופך להיות יותר ויותר קשה לשמור על קשר עם השינויים. דוגמא "בתופסת" כאלה הם הנציגים של מקצועות הקשורים בטכנולוגיה גבוהה.

בעוד שרוב מעצבי אתרים, מתכנתים ו מקודדים הם הרבה יותר מתאים לרוח הזמן, ולא כל "נורה באבא", אשר מקבלת מידע מהשבוע מאוחר, אבל עדיין עם עיוותים ניכרות, המציאות היא שונה במקצת. מתאים לרמה של התקדמות קשה בתחום של טכנולוגיות חדשות. קח דוגמא פשוטה: אפילו קצת לפני 5-10 שנים, מפתח משחקים מקוונים על Adobe Flash יכול להשיג הצלחה מוחשית, רב "שמח איכר" הם הוכחה לכך. עם זאת, כיום טכנולוגיה זו נמצאת בתהליכי גסיסה בהדרגה, נותנת דרך מודרנית יותר, אך פחות מאשר רוב המחקר של HTML5 הבסיסי. אגב, זה HTML5, והוא אחד "התווים" של הסיפורים של יום מוקדש חול HTML-DTP.

HTML Doctype - מה זה?

אנדרטה זו לקורבנות של ההתקדמות הייטק בטכנולוגיה. הוא נפץ 90-ים, אשר נבדל לא "קרבי" מצב רק במדינה שלנו, אבל גם די מלחמה אמיתית של דפדפנים, הביא לעולם רק כמה מוצרים המאפשרים למשתמשי מחשב כדי לגלוש ה- World Wide Web. יש רק בעיה אחת - פופולרית כאשר Netscape Navigator ו- Internet Explorer חפשו באותו הדף באופן שונה לחלוטין, בהתאמה, ואת יוצרי האתר כדי ליצור דפים שונים לחלוטין עבור תוכניות אלה.

התקנים? בשנים אלה, לדבר עליהם היה חסר טעם - W3C קיים בחיתוליו, ולקדם מיקרוסופט אקספלורר שלך ידוע כלל כי אהב להמציא משלהם, אינם תואמים אופניים כלום. אף על פי כן, עד סוף שנת כי נורא (עבור מפתחי אינטרנט) עשור, המצב חזר לקדמותו אחרי הכל: היה איזשהו צל-צלו של סטנדרטים שאם לא לגמרי, אבל עדיין מכובד על ידי כל הדפדפנים הפופולריים.

עם זאת, המצב הפך להיות כזה כי הסטנדרטים של קונסורציום ואת יצרני הדפדפנים היו, בלשון המעטה, לא בכלל דומה. אתה יכול בקלות ליצור נכונה לחלוטין מבחינת HTML, CSS ו- DOM הדף, אבל אתה הדפדפן המועדף בעקשנות הראה לא מה שציפית לראות.

עם זאת, ככל שחלף הזמן, מפתחים עדיין ולבסוף החליטו לחשוב לא רק על תחרות, אלא על מנהל האתר, והוא הופיע - DOCTYPE HTML. זהו תג מיוחד אומר לדפדפן איך זה צריך להיחשב דף מסוים.

מה שדרוש-קוד HTML Doctype?

לפני הופעתו של סטנדרטים נאותים, שהחלו לעקוב בכל מקום, מפתחים רבים של דפדפנים ניסו למשוך את השמיכה מעל עצמו, יצירת שיטות משלהם של גישה לקבר טכנולוגיה בפרט. כתוצאה מכך, הייתי הך הדף נראה בדפדפנים שונים בדרכים שונות. עם זאת, אנחנו זה נאמר, רק לא להזכיר שכאשר המפיקים של תוכניות עבור גלישה באינטרנט הגיעו סביב, והייתה עוד אחד, לא פחות בעיה משעשעת.

תארו לעצמכם את המצב: אתה - מפתח אינטרנט טיפוסי -90 המאוחרות. זה פשוט קרה כך שרוב הזמן אתה מבלה בדפדפן Internet Explorer 4. מיקרוסופט מחליטה פתאום לבוא החושים שלהם ולעשות את הדפדפן החדש הוא יותר "נכון", לפיה לא ברור כפי שהוא עכשיו כדי ליצור אתרים ומה לעשות עם אלה שיש להם כבר נוצר. כמובן, אם יש לך מספיק זמן, אתה יכול לשכתב קוד HTML שלו בצורה כזאת שהוא מתאים הסטנדרטים החדשים, אלא בגלל אנשים - יצורים עצלנים.

זה היה בשלב זה HTML Doctype הוא המתאים ביותר "המצאה". בהתאם למסמך איזה סוג של אותו המצוין בתחילת הדף, הדפדפן יבחר המתאים ביותר למקרה זה המנגנון של טיוח. אם Doctype ב-קוד HTML אינו זמין, הדפדפן ייכנס מצב תאימות (בדרך כלל, אבל לא בהכרח). כתוצאה מכך, אותו 6 Internet Explorer (גם אם הקובץ עליו השלום) בהעדר תג Doctype מתנהג כאילו אתה עובד בגירסה הרביעית שלה.

סוגי Doctype

תג Doctype כולל מספר מינים שיכולים להיות מחולק לקטגוריות מסוימות. ראשית, הוא מתאר את הסוגים העיקריים של שפת סימון: 4.01 HTML, HTML 5, XHTML 1.0 או XHTML 1.1. שנית, בכל אחת מהשפות הללו יש סעיפי המשנה שבו, מצביעה על "מקדם לבירור אשמתו" t. E. כיצד קשה להיות בתקני W3C הוקם HTML-קוד. עם זאת, במקרה השני, יש שני חריגים - HTML5 ו- XHTML 1.1 אין שום תת-מין והם רק צורה אחת של DOCTYPE HTML. אבל עוד על כך בהמשך ...

גישה מחמירה: DOCTYPE Strict

אם אתה מעדיף ליצור קוד ה- HTML המתאים לכל אות של מאמת החוק, התמריץ הנוסף (מלבד אינטרס עצמי) יהיה להשתמש Doctype קפדנית. אם אתם מתכננים להשתמש מתקדם יותר XHTML 1.0, הקו, שמייחל כל רכיב אמור להיראות כך:

בחירת תבנית קפדנית ציבורית HTML Doctype מבטיחה כי כל סטייה מן הסטנדרט תורגש על ידי הדפדפן, ולאחר מכן השתמשה בתג הטועה הוא התעלם. בפרט, במצב קפדן, כל תג, בין אם מדובר צורה, דימוי או פריט אחר נדרש כדי להיות ממוקמים בתוך תגיות הבלוק. אם תחליט לעשות בלי זה, הדפדפן פשוט לא יציג פריט זה, ופריסת רשימת השגיאות התמלאה כמה רשומים.

בנוסף, במספר התגים המאפשרים לעצב את הטקסט, זה גם רצוי לחסל - את המשטר הקפדן מרמז על השימוש ב- CSS.

הגישה ההומאנית: DOCTYPE מעבר

אם תבנית קפדנית שיטה חמורה לא מתאימה לך או שאתה פשוט רגיל ללכת נגד הכללים, תמיד יש את האפשרות לנקוט Doctype סוג הומני יותר ציבורי HTML. W3C טפלה מי שלא רוצים לוותר על הרגלי ורוצה לעבוד בתנאים מתונים יותר, יצירת תבנית מעבר מייצג גישת מעבר לדגם אימות. תבנית זו מאפשרת לך בחופשיות תרשה לעצמך קצת חירויות, כגון קפדנית אסורה, תגי תבנית, כמו גם גישות רבות אחרות לפריסה, אשר לא נס ליחם מאז שנות ה -90 המאוחרות.

«Soft» DOCTYPE HTML 4 מוכרז כדלקמן:

עבור מחרוזת XHTML שוב זה נראה מעט שונה, אך המגמה הכללית ממשיכה:

נכון להיום, למרות העובדה שכל מתכנת מבקשת להתאים את-לתבנית הקפדנית, מדובר Doctype מעבר הוא הפופולרי ביותר. אף על פי כן, תבנית זו יש מסגרת אשראי אחד: מאמת יהיה "לדחות" את כל דפים המכילים מסגרות. אם אתה צריך לנקוט פריסה בשיטה זו, אתה צריך לשים לב הבא - התבנית האחרונה.

ומן הכלל אל הפרט: Doctype מערךמסגרות

גישה כאשר דפי בדיקת עמידת תבנית מערךמסגרות דומים כלל לזו של מעבר, אולם, בנוסף "החירויות" אמורים לעיל, תבנית זו מאפשרת לך להשתמש מסגרות. יש מערךמסגרות הבדלים אחרים לא, ולכן, יכול קו העברה רק עבור הודעות, עבור HTML 4.01 ו- XHTML 1.0:

חדשני

כמובן, בהתייחסו בתחילת מאמר זה כל הפופולריות הגוברת של תקן HTML5, לא יכולנו להתעלם שפת הסימון. זה מצחיק כי W3C רואה את גרסת HTML הבסיסית, ולכן הוא HTML Doctype 5 נראה די צנוע. במילים אחרות, ההגדרה מסוג זה היא כי הדפדפן צריך לעבוד עם "טהור» HTML, ומה הם היום נחשב HTML5, בעוד המוכרת לרבים את הגרסה הרביעית נחשב שעשוי להיות מיושן.

Doctype זנים אחרים

נכון להיום, ישנם מספר סוגים של דפוסי Doctype, שרובם מגיעים XHTML. בעוד הגרסה השנייה של שפת הסימון לא יצאה אל האור, הופכת לחלק האמורות, וריאציות HTML5 בגרסה הראשונה שלה, אם כי לא את השכיחות הגבוהה ביותר, חיה וקיימת.

האם זה Doctype חשוב?

אולי קצת טירון "סופרים" ב- HTML ינסו להתעלם סוג דף הפרסומת. ובכן, אם הם לא לומדים מידע חשוב מן vyshenapisannogo, אנחנו נותנים דוגמה פשוטה. הנה דוגמה לדף המשתמשת-תבנית מעבר:

זה נראה כמו שזה אמור להיראות על הרעיון של המעצב, אבל זה שווה לנו "לבלבל» Doctype, ואנחנו מקבלים את הדברים הבאים:

כפי שאתה יכול לראות, הדף עבר שינויים משמעותיים: בטפטים דהויים, בתפריט הפך רשימה מעווה, CSS כמה כיתות התעלמו פשוט, בנוסף, בעמוד "Otros" הגלילה שנייה.

יש לקוות, בדוגמא זו היא מספיק זמין vyshenapisannogo מסביר את החשיבות, ולכן, אנחנו יכולים רק לשמור על תשומת הלב או, באופן אידיאלי, ללמוד לכתוב קוד שעובר-אימות קפדנית. מזל טוב לך!