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

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

קוד

Doctype HTML - מה זה?

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

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

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

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

מדוע Doctype ב- HTML?

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

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

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

doctype HTML מה זה

סוגי דוקטיפ

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

גישה קפדנית: Doctype קפדנית

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

XHTML קפדנית

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

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

גישה אנושית: דוקטיפ מעבר

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

"Soft" Doctype HTML 4 מוצהר כדלקמן:

עבור XHTML, הקו שוב נראה קצת שונה, אבל המגמה הכללית נשארת:

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

מ כללי כדי ספציפיים: Doctype Frameset

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

XHTML Frameset

על קצה ההתקדמות

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

זנים אחרים של Doctype

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

4

האם Doctype חשוב?

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

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

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

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

</ p>