איינער פון די טאַגס אַז איר וועט לערנען פרי אין דיין וועב פּלאַן בילדונג איז אַ פּאָר פון טאַגס באקאנט ווי די "טראָפּיק טאַגס." זאל ס נעמען אַ קוק בייַ וואָס די טאַגס זענען און ווי זיי זענען געניצט אין וועב פּלאַן הייַנט.
צוריק צו קסהטמל
אויב איר געלערנט HTML יאָרן צוריק, געזונט איידער די העכערונג פון הטמל 5, איר מיסטאָמע געניצט ביי ביידע די ביידע און ייטאַליקס טאַגס. ווי איר וואָלט דערוואַרטן, די טאַגס זענען ארלנגעווארפן עלעמענטן אין דרייסט טעקסט אָדער ייטאַלייזד טעקסט ריספּעקטיוולי. די פּראָבלעם מיט די טאַגס, און וואָס זיי זענען פּושידאַד באַזונדער פון נייַ עלעמענטן (וואָס מיר וועלן קוקן בייַ באַלד), איז אַז זיי זענען נישט סעמאַנטיש עלעמענטן. דאָס איז ווייַל זיי דעפינירן ווי די טעקסט זאָל קוקן גאַנץ ווי אינפֿאָרמאַציע וועגן דעם טעקסט. געדענק, HTML (וואָס איז ווו די טאַגס וואָלט זיין געשריבן) איז אַלע וועגן סטרוקטור, ניט וויזשאַוואַל סטיל! Visuals זענען כאַנדאַלד דורך קסס און וועב פּלאַן בעסטער פּראַקטאַסאַז האָבן לאַנג געהאלטן אַז איר זאָל האָבן אַ קלאָר צעשיידונג פון סטיל און סטרוקטור אין דיין וועב זייַטלעך. דעם מיטל נישט ניצן עלעמענטן וואָס זענען ניט-סעמאַנטיק און וואָס דעטאַל קוקן אלא ווי סטרוקטור. דאָס איז וואָס די באָלד און ייטאַליקס טאַגס זענען בכלל ריפּלייסט דורך שטאַרק (פֿאַר דרייסט) און טראָפּ (פֿאַר ייטאַלדז).
& גט; שטאַרק & גט; און & לט; עמ & גט;
די שטארקע און שארפע עלעמענטן לייגן אינפארמאציע צו דיין טעקסט, דעטאַילינג אינהאַלט וואָס זאָל זיין באהאנדלט דיפערענטלי און אונטערגעשטראכן ווען דער אינהאַלט איז גערעדט. איר נוצן די יסודות שיין פיל די זעלבע וועג איר וואָלט האָבן געניצט דרייסט און ייטאַליקס אין דער פאַרגאַנגענהייַט. פשוט אַרייננעמען דיין טעקסט מיט די עפענונג און קלאָוזינג טאַגס (<עמ> און פֿאַר טראָפּן און <שטאַרק> און פֿאַר שטאַרק טראָגן) און די ענקלאָוזד טעקסט וועט זיין אונטערגעשטראכן.
איר קענען נעסט די טאַגס און עס טוט נישט ענין וואָס איז די פונדרויסנדיק קוויטל. דאָ זענען עטלעכע ביישפילן.
<עמ> דעם טעקסט איז אונטערגעשטראכן און רובֿ בראַוזערז וואָלט אַרויסווייַזן עס ווי ייטאַמז. דעם טעקסט איז שטארק אונטערגעשטראכן און די מערסט בלעטערער קענען אַרויסווייַזן עס ווי דרייסט.אין ביידע די ביישפילן, מיר זענען נישט דיקטינג וויזשאַוואַל קוק מיט די HTML. יאָ, די פעליקייַט אויסזען פון די <עם> צעטל וואָלט זיין ייטאַמז און די וואָלט זיין דרייסט, אָבער די קוקט קען לייכט ווערן געביטן אין קסס. דאָס איז דער בעסטער פון ביידע וועלטן. איר קענען לעווערידזש די פעליקייַט בלעטערער סטיילז צו באַקומען ייטאַלייזד אָדער דרייסט טעקסט אין דיין דאָקומענט אָן פאקטיש אַריבער די שורה און מיקסינג סטרוקטור און סטיל. זאָגן איר געוואלט אַז טעקסט נישט בלויז זיין דרייסט, אָבער אויך רויט, איר קען לייגן דעם צו די קסס
strong {
קאָליר: רויט;
}
אין דעם בייַשפּיל, איר טאָן ניט דאַרפֿן צו לייגן אַ פאַרמאָג פֿאַר די דרייסט שריפֿט-וואָג זינט וואָס איז די פעליקייַט. אויב איר טאָן ניט ווילן צו לאָזן אַז צו געלעגנהייַט, אָבער, איר קען שטענדיק לייגן עס אין:
strong {
שריפֿט-ווייט: דרייסט;
קאָליר: רויט;
}
איצט איר וואָלט זיין אַלע אָבער געראַנטיד צו האָבן אַ בלאַט מיט דרייסט (און רויט) טעקסט וואוהין די צעטל איז געניצט.
טאָפּל אַרויף אויף טראָפּ
איין זאַך איך האָבן באמערקט איבער די יאָר איז וואָס כאַפּאַנז אויב איר פּרובירן צו טאָפּל אַרויף אויף טראָפּ. פֿאַר בייַשפּיל:
דער טעקסט זאָל האָבן ביידע באָולדיד און ייטאַלייזד טעקסט ין.איר וואָלט טראַכטן אַז דאָס שורה וואָלט פּראָדוצירן אַ געגנט וואָס איז טעקסט וואָס איז דרייסט און ייטאַליקס. מאל דאָס קען טאַקע פּאַסירן, אָבער איך געזען עטלעכע בראַוזערז בלויז כּבֿוד די רגע פון די צוויי שטריך סטיילז, די איין קלאָוסאַסט צו די פאַקטיש טעקסט אין קשיא, און בלויז אַרויסווייַזן דאָס ווי ייטאַליקס. דעם איז איינער פון די סיבות וואָס איך טאָן ניט טאָפּל אַרויף אויף הויפט טאַגס.
אן אנדער סיבה צו ויסמייַדן דעם "דאַבלינג אַרויף" איז פֿאַר סטיליסטיק צוועקן. איין פאָרעם פון טראָגן אויב יוזשאַוואַלי גענוג צו קאַנוויי די טאָן איר ווילט צו שטעלן. איר טאָן ניט דאַרפֿן צו דרייסט, ייטאַמז, קאָלירן, פאַרגרעסערן, און אַנדערליין טעקסט אין סדר פֿאַר עס צו שטיין אויס. אַז טעקסט, וועט אַלע די פאַרשידענע מינים פון טראָפּ, וואָלט ווערן גאַריש. אַזוי זיין אָפּגעהיט ווען ניצן הויפט טאַגס אָדער קסס סטיילז צו צושטעלן טראָפּ און טאָן ניט אָווערדאָ עס.
א באַמערקונג אויף דרייסט און ייטאַליקס
איינער לעצט געדאַנק - בשעת די באָלד () און ייטאַליקס (<י>) טאַגס זענען נישט רעקאַמענדיד צו ווערן גענוצט ווי הויפט יסודות, עס זענען עטלעכע וועב דיזיינערז וואָס נוצן די טאַגס צו די טעקסט אַרטיקלען אין אינסטרוקציעס. בייסיקלי, זיי נוצן עס ווי אַ <שפּאַן> עלעמענט. דאָס איז פייַן ווייַל די טאַגס זענען זייער קורץ, אָבער ניצן די עלעמענטן אין דעם שטייגער איז נישט בכלל רעקאַמענדיד. איך דערמאָנען אין אין פאַל איר זען עס דאָרט אויף עטלעכע זייטלעך געניצט ניט צו שאַפֿן דרייסט אָדער ייטאַליסיזעד טעקסט, אָבער צו שאַפֿן אַ קסס קרוק פֿאַר עטלעכע אנדערע סאָרט פון וויזשאַוואַל סטילינג.
אָריגינעל אַרטיקל דורך דזשענניפער קרינן. Edited by Jeremy Girard on 12/2/16.