אַ וויכטיק פּרינציפּ פון דעם וועב סטאַנדאַרדס באַוועגונג אַז איז פאַראַנטוואָרטלעך פֿאַר די אינדוסטריע מיר האָבן הייַנט איז די געדאַנק פון ניצן HTML עלעמענטן פֿאַר וואָס זיי זענען אלא ווי ווי זיי קען דערשייַנען אין דעם בלעטערער דורך פעליקייַט. דעם איז באקאנט ווי ניצן סעמאַנטיק HTML.
וואָס איז סעמאַנטיק HTML
סעמאַנטיק HTML אָדער סעמאַנטיק מאַרקאַפּ איז HTML אַז ינטראַדוסיז טייַטש צו די וועב זייַט אלא ווי נאָר פּרעזענטירונג. פֿאַר בייַשפּיל, אַ <פּ> צעטל ינדיקייץ אַז די ענקלאָוזד טעקסט איז אַ פּאַראַגראַף.
דאָס איז ביידע סעמאַנטיש און פּרעזענטיאָנאַל, ווייַל מענטשן וויסן וואָס פּאַראַגראַפס זענען און בראַוזערז וויסן ווי צו ווייַזן זיי.
אויף די פליפּ זייַט פון דעם יקווייזשאַן, טאַגס ווי און זענען נישט סעמאַנטיש, ווייַל זיי בלויז באַשטימען ווי די טעקסט זאָל קוקן (דרייסט אָדער ייטאַלאַס) און טאָן ניט צושטעלן קיין באַטייַט צו די מאַרקאַפּ.
ביישפילן פון סעמאַנטיק HTML טאַגס אַרייַננעמען די כעדערז טאַגס
דורך , , און . עס זענען פילע מער סעמאַנטיק HTML טאַגס אַז קענען זיין געניצט ווי איר בויען אַ סטאַנדאַרדס-געהאָרכיק וועבזייַטל.
פארוואס איר זאָל קער וועגן סעמאַנטיקס
די נוץ פון שרייבן סעמאַנטיק HTML סטעמס פון וואָס זאָל זיין די דרייווינג ציל פון קיין וועב בלאַט - די פאַרלאַנג צו יבערגעבן. דורך לייגן אַ סעמאַנטיק טאַגס צו דיין דאָקומענט, איר צושטעלן נאָך אינפֿאָרמאַציע וועגן דעם דאָקומענט וואָס אַידז אין קאָמוניקאַציע. ספּעציעל, סעמאַנטיק טאַגס מאַכן עס קלאָר צו דעם בלעטערער וואָס די טייַטש פון אַ בלאַט און זייַן אינהאַלט איז.
אַז קלעריטי איז אויך קאַמיונאַקייטיד מיט זוכן ענדזשאַנז, ענשור אַז די רעכט בלעטער זענען איבערגעגעבן פֿאַר די רעכט קוויריז.
סעמאַנטיק HTML טאַגס צושטעלן אינפֿאָרמאַציע וועגן דעם אינהאַלט פון די טאַגס אַז גייט ווייַטער ווי זיי קוקן אויף אַ בלאַט. טעקסט וואָס איז ענקלאָוזד אין די <קאָד> קוויטל איז מיד אנערקענט דורך דעם בלעטערער ווי עטלעכע טיפּ פון קאָדדינג שפּראַך.
אַנשטאָט פון טריינג צו מאַכן דעם קאָד, דער בלעטערער פארשטייט אַז איר זענט ניצן דעם טעקסט ווי אַ בייַשפּיל פון די קאָד פֿאַר די צוועקן פון אַ אַרטיקל אָדער אָנליין טוטאָריאַל פון עטלעכע מין.
ניצן סעמאַנטיק טאַגס גיט איר פילע מער כוקס פֿאַר סטילינג דיין צופרידן. אפשר הייַנט איר בעסער צו האָבן דיין קאָד סאַמפּאַלז אַרויסווייַזן אין די פעליקייַט בלעטערער סטיל, אָבער מאָרגן, איר ווילן צו רופן זיי אויס מיט אַ גרוי הינטערגרונט פֿאַרב, און שפּעטער איר ווילן צו באַשיצן די פּינטלעך מאָנאָ-ספּייסט שריפֿט משפּחה אָדער שריפֿט סטאַק צו נוצן פֿאַר דיין סאַמפּאַלז. איר קענען לייכט טאָן אַלע די זאכן דורך ניצן סעמאַנטיק מאַרקאַפּ און סמאַרטלי געווענדט קסס.
ניצן סעמאַנטיק טאַגס קאָררעקטלי
ווען איר ווילן צו נוצן סעמאַנטיק טאַגס צו קאַנוויי טייַטש אלא ווי פֿאַר פּרעזענטירונג צוועקן, איר דאַרפֿן צו זיין אָפּגעהיט אַז איר טאָן ניט נוצן זיי ינקערעקטלי פשוט פֿאַר זייער פּראָסט אַרויסווייַזן פּראָפּערטיעס. עטלעכע פון די מערסט קאַמאַנלי מיסיוזד סעמאַנטיק טאַגס אַרייַננעמען:
- blockquote - עטלעכע מענטשן נוצן די צעטל פֿאַר ינדענטינג טעקסט וואָס איז נישט אַ ציטאַט. דעם איז ווייַל בלאַקקוואָוץ זענען ינדענטעד דורך פעליקייַט. אויב איר פשוט ווילן צו בענעפיץ פון עצה, אָבער דער טעקסט איז נישט אַ בלאַקקוואָטער, נוצן CSS מאַרדזשאַנז אַנשטאָט.
- p - עטלעכע וועב רעדאקציע נוצן
& נבספּ; (אַ ניט-ברייקינג פּלאַץ קאַנטיינד אין אַ פּאַראַגראַף) צו לייגן עקסטרע אָרט צווישן בלאַט עלעמענטן, אלא ווי דיפיינינג פאַקטיש פּאַראַגראַפס פֿאַר די טעקסט פון אַז בלאַט. ווי מיט די פריער דערמאנט ינדענטינג בייַשפּיל, איר זאָל נוצן דעם גרענעץ אָדער וואַטן סטייל פאַרמאָג צו לייגן פּלאַץ.
- ווי - ווי בלאַקקוואָוסט, ענקלאָוזינג טעקסט אין אַ
צעטל ינדענץ וואָס טעקסט אין רובֿ בראַוזערז. דעם איז ביידע סעמאַנטיקלי אומרעכט און פאַרקריפּלט HTML, ווי בלויז <לי> טאַגס זענען גילטיק ין אַ צעטל. ווידער, נוצן די גרענעץ אָדער וואַטן סטייל צו ינדענט טעקסט.
- h1-h6 - די כיידינג טאַגס קענען זיין געניצט צו מאַכן פאַנץ ביגער און באָלדער, אָבער אויב די טעקסט איז נישט אַ כעדינג, עס זאָל נישט זיין ין אַ כעדינג טאַץ. ניצן די פונט-וואָג און שריפֿט-גרייס CSS פּראָפּערטיעס אַנשטאָט אויב איר ווילן צו טוישן די גרייס אָדער וואָג פון ספּעציפיש טעקסט אויף דיין בלאַט.
מיט HTML טאַגס וואָס האָבן טייַטש, איר מאַכן בלעטער וואָס ימפּאָרט מער אינפֿאָרמאַציע ווי נאָר מיט אַרום די
טאַגס.
וואָס HTML טאַגס זענען סעמאַנטיק?
בשעת קימאַט יעדער HTML4 צעטל און אַלע די HTML5 טאַגס האָבן אַ סעמאַנטיש טייַטש, עטלעכע טאַגס זענען בפֿרט סעמאַנטיק אין נאַטור.
פֿאַר בייַשפּיל, HTML5 האט ריפערד די באַטייַט פון די און טאַגס צו זיין סעמאַנטיק. דער צעטל טוט נישט קאַנוויי עקסטרע וויכטיקייט, אָבער גאַנץ טעקסט וואָס איז typically רענדערד אין דרייסט. די צעטל אויך טוט נישט יבערגעבן עקסטרע וויכטיקייט אָדער טראָפּ, אָבער דיפיינז טעקסט וואָס איז typically רענדערד אין ייטאַליקס.
Semantic HTML Tags
<אַבבר> אַבריווייישאַן <אַקראָנים> אַקראָנים
לאנג ציטאַט Definition <אַדרעס> אַדרעס פֿאַר מחבר (s) פון דעם דאָקומענט <סייט> Citation <קאָד> קאָוד דערמאָנען טעלעטיפּע טעקסט לאָגיקאַל אָפּטייל <שפּאַן> גענעריק ינלינע נוסח קאַנטיינער <דעל> אויסגעמעקט טעקסט <ינס> ינסערטאַד טעקסט <עמ> אָפּגעהיט <שטאַרק> שטאַרק טראָפּ
ערשטער-מדרגה קאָפּ
צווייטע כעדליין
דריט מדרגה קאָפּ
פיר-מדרגה כעדער
פינפט-מדרגה כעדער
זעקסט מדרגה קאָפּ
טהעמאַטיק ברעכן <קבד> טעקסט צו זיין איינגעשריבן דורך די באַניצער <פריער> פאַר-פאָרמאַטטעד טעקסט
קורץ ינלינע ציטאַט <סעפּ> מוסטער פּראָדוקציע <סאַב> Subscriptcript Superscript <וואַר> וואַריאַבלע אָדער באַניצער דיפיינד טעקסט
, און . עס זענען פילע מער סעמאַנטיק HTML טאַגס אַז קענען זיין געניצט ווי איר בויען אַ סטאַנדאַרדס-געהאָרכיק וועבזייַטל.
פארוואס איר זאָל קער וועגן סעמאַנטיקס
די נוץ פון שרייבן סעמאַנטיק HTML סטעמס פון וואָס זאָל זיין די דרייווינג ציל פון קיין וועב בלאַט - די פאַרלאַנג צו יבערגעבן. דורך לייגן אַ סעמאַנטיק טאַגס צו דיין דאָקומענט, איר צושטעלן נאָך אינפֿאָרמאַציע וועגן דעם דאָקומענט וואָס אַידז אין קאָמוניקאַציע. ספּעציעל, סעמאַנטיק טאַגס מאַכן עס קלאָר צו דעם בלעטערער וואָס די טייַטש פון אַ בלאַט און זייַן אינהאַלט איז.
אַז קלעריטי איז אויך קאַמיונאַקייטיד מיט זוכן ענדזשאַנז, ענשור אַז די רעכט בלעטער זענען איבערגעגעבן פֿאַר די רעכט קוויריז.
סעמאַנטיק HTML טאַגס צושטעלן אינפֿאָרמאַציע וועגן דעם אינהאַלט פון די טאַגס אַז גייט ווייַטער ווי זיי קוקן אויף אַ בלאַט. טעקסט וואָס איז ענקלאָוזד אין די <קאָד> קוויטל איז מיד אנערקענט דורך דעם בלעטערער ווי עטלעכע טיפּ פון קאָדדינג שפּראַך.
אַנשטאָט פון טריינג צו מאַכן דעם קאָד, דער בלעטערער פארשטייט אַז איר זענט ניצן דעם טעקסט ווי אַ בייַשפּיל פון די קאָד פֿאַר די צוועקן פון אַ אַרטיקל אָדער אָנליין טוטאָריאַל פון עטלעכע מין.
ניצן סעמאַנטיק טאַגס גיט איר פילע מער כוקס פֿאַר סטילינג דיין צופרידן. אפשר הייַנט איר בעסער צו האָבן דיין קאָד סאַמפּאַלז אַרויסווייַזן אין די פעליקייַט בלעטערער סטיל, אָבער מאָרגן, איר ווילן צו רופן זיי אויס מיט אַ גרוי הינטערגרונט פֿאַרב, און שפּעטער איר ווילן צו באַשיצן די פּינטלעך מאָנאָ-ספּייסט שריפֿט משפּחה אָדער שריפֿט סטאַק צו נוצן פֿאַר דיין סאַמפּאַלז. איר קענען לייכט טאָן אַלע די זאכן דורך ניצן סעמאַנטיק מאַרקאַפּ און סמאַרטלי געווענדט קסס.
ניצן סעמאַנטיק טאַגס קאָררעקטלי
ווען איר ווילן צו נוצן סעמאַנטיק טאַגס צו קאַנוויי טייַטש אלא ווי פֿאַר פּרעזענטירונג צוועקן, איר דאַרפֿן צו זיין אָפּגעהיט אַז איר טאָן ניט נוצן זיי ינקערעקטלי פשוט פֿאַר זייער פּראָסט אַרויסווייַזן פּראָפּערטיעס. עטלעכע פון די מערסט קאַמאַנלי מיסיוזד סעמאַנטיק טאַגס אַרייַננעמען:
- blockquote - עטלעכע מענטשן נוצן די צעטל פֿאַר ינדענטינג טעקסט וואָס איז נישט אַ ציטאַט. דעם איז ווייַל בלאַקקוואָוץ זענען ינדענטעד דורך פעליקייַט. אויב איר פשוט ווילן צו בענעפיץ פון עצה, אָבער דער טעקסט איז נישט אַ בלאַקקוואָטער, נוצן CSS מאַרדזשאַנז אַנשטאָט.
- p - עטלעכע וועב רעדאקציע נוצן
& נבספּ; (אַ ניט-ברייקינג פּלאַץ קאַנטיינד אין אַ פּאַראַגראַף) צו לייגן עקסטרע אָרט צווישן בלאַט עלעמענטן, אלא ווי דיפיינינג פאַקטיש פּאַראַגראַפס פֿאַר די טעקסט פון אַז בלאַט. ווי מיט די פריער דערמאנט ינדענטינג בייַשפּיל, איר זאָל נוצן דעם גרענעץ אָדער וואַטן סטייל פאַרמאָג צו לייגן פּלאַץ.
- ווי - ווי בלאַקקוואָוסט, ענקלאָוזינג טעקסט אין אַ
צעטל ינדענץ וואָס טעקסט אין רובֿ בראַוזערז. דעם איז ביידע סעמאַנטיקלי אומרעכט און פאַרקריפּלט HTML, ווי בלויז <לי> טאַגס זענען גילטיק ין אַ צעטל. ווידער, נוצן די גרענעץ אָדער וואַטן סטייל צו ינדענט טעקסט.
- h1-h6 - די כיידינג טאַגס קענען זיין געניצט צו מאַכן פאַנץ ביגער און באָלדער, אָבער אויב די טעקסט איז נישט אַ כעדינג, עס זאָל נישט זיין ין אַ כעדינג טאַץ. ניצן די פונט-וואָג און שריפֿט-גרייס CSS פּראָפּערטיעס אַנשטאָט אויב איר ווילן צו טוישן די גרייס אָדער וואָג פון ספּעציפיש טעקסט אויף דיין בלאַט.
מיט HTML טאַגס וואָס האָבן טייַטש, איר מאַכן בלעטער וואָס ימפּאָרט מער אינפֿאָרמאַציע ווי נאָר מיט אַרום די
טאַגס.
וואָס HTML טאַגס זענען סעמאַנטיק?
בשעת קימאַט יעדער HTML4 צעטל און אַלע די HTML5 טאַגס האָבן אַ סעמאַנטיש טייַטש, עטלעכע טאַגס זענען בפֿרט סעמאַנטיק אין נאַטור.
פֿאַר בייַשפּיל, HTML5 האט ריפערד די באַטייַט פון די און טאַגס צו זיין סעמאַנטיק. דער צעטל טוט נישט קאַנוויי עקסטרע וויכטיקייט, אָבער גאַנץ טעקסט וואָס איז typically רענדערד אין דרייסט. די צעטל אויך טוט נישט יבערגעבן עקסטרע וויכטיקייט אָדער טראָפּ, אָבער דיפיינז טעקסט וואָס איז typically רענדערד אין ייטאַליקס.
Semantic HTML Tags
<אַבבר> אַבריווייישאַן <אַקראָנים> אַקראָנים
לאנג ציטאַט Definition <אַדרעס> אַדרעס פֿאַר מחבר (s) פון דעם דאָקומענט <סייט> Citation <קאָד> קאָוד דערמאָנען טעלעטיפּע טעקסט לאָגיקאַל אָפּטייל <שפּאַן> גענעריק ינלינע נוסח קאַנטיינער <דעל> אויסגעמעקט טעקסט <ינס> ינסערטאַד טעקסט <עמ> אָפּגעהיט <שטאַרק> שטאַרק טראָפּ
ערשטער-מדרגה קאָפּ
צווייטע כעדליין
דריט מדרגה קאָפּ
פיר-מדרגה כעדער
פינפט-מדרגה כעדער
זעקסט מדרגה קאָפּ
טהעמאַטיק ברעכן <קבד> טעקסט צו זיין איינגעשריבן דורך די באַניצער <פריער> פאַר-פאָרמאַטטעד טעקסט
קורץ ינלינע ציטאַט <סעפּ> מוסטער פּראָדוקציע <סאַב> Subscriptcript Superscript <וואַר> וואַריאַבלע אָדער באַניצער דיפיינד טעקסט