קוק בייַ קיין וועבזייטל הייַנט און איר וועט באַמערקן אַז זיי טיילן עטלעכע זאכן אין פּראָסט. איינער פון די שערד טרייץ איז בילדער. די רעכט בילדער לייגן אַזוי פיל צו פּרעזאַנטיישאַנז פון אַ וועבזייַטל. עטלעכע פון די בילדער, ווי אַ פירמע 'ס לאָגאָ, העלפֿן סאָרט דעם פּלאַץ און פאַרבינדן אַז דיגיטאַל ענטיטי צו דיין פיזיש פירמע.
צו לייגן אַ בילד, בילדל, אָדער גראַפיקס צו דיין וועב בלאַט, איר דאַרפֿן צו נוצן דעם קוויטל אין אַ קאָד HTML קאָד. איר שטעלן די IMG קוויטל אין דיין HTML פּונקט ווו איר ווילן די גראַפיק צו אַרויסווייַזן. דער וועב בלעטער וואָס איז רענדערינג די קאָד 'ס בלאַט וועט פאַרבייַטן דעם קוויטל מיט די צונעמען גראַפיקס אַמאָל די בלאַט איז געזען. גיי צוריק צו אונדזער געזעלשאַפט לאָגאָ בייַשפּיל, דאָ איז ווי איר קען לייגן אַז בילד צו דיין פּלאַץ:
Image Attributes
קוקן אין די HTML קאָד אויבן, איר וועט זען אַז די עלעמענט כולל צוויי אַטראַביוץ. יעדער פון זיי איז פארלאנגט פֿאַר די בילד.
דער ערשטער אַטריביוט איז די "סרק". דאָס איז גאַנץ ממש די בילד טעקע וואָס איר ווילן צו זיין געוויזן אויף דער בלאַט. אין אונדזער בייַשפּיל מיר נוצן אַ טעקע גערופן "logo.png". דאָס איז דער גראַפיק אַז דער וועב בלעטערער זאל אַרויסווייַזן ווען עס רענדערד די פּלאַץ.
איר וועט אויך באַמערקן אַז איידער דעם טעקע נאָמען, מיר צוגעגעבן עטלעכע נאָך אינפֿאָרמאַציע, "/ images /". דעם איז דער טעקע דרך. דער ערשט פאָרויס שלעפּן דערציילט די סערווירער צו קוקן אין די שורש פון די וועגווייַזער. עס וועט קוקן פֿאַר אַ טעקע גערופן "בילדער" און לעסאָף די טעקע גערופן "logo.png". ניצן אַ טעקע גערופן "בילדער" צו קראָם אַלע די פּלאַץ גראַפיקס איז אַ שיין פּראָסט פיר, אָבער דיין טעקע וועג וואָלט זיין געביטן צו וואָס איז באַטייַטיק פֿאַר דיין פּלאַץ.
די רגע פארלאנגט אַטריביוט איז די "אַלט" טעקסט. דאָס איז די "אָלטערנאַטיוו טעקסט" וואָס איז געוויזן אויב די בילד פיילז פֿאַר עטלעכע סיבה. דעם טעקסט, וואָס אין אונדזער בייַשפּיל לייענט "פֿירמע לאָגאָ" וואָלט זיין געוויזן אויב די בילד פיילז צו מאַסע. וואָס וואָלט פּאַסירן? א פאַרשיידנקייַט פון סיבות:
- פאַלש טעקע דרך
- אומרעכט טעקע נאָמען אָדער מיספּעללינג
- טראַנסמיסיע טעות
- טעקע איז אויסגעמעקט פון די סערווירער
דאָס איז נאָר אַ ביסל פּאַסאַבילאַטיז פֿאַר וואָס אונדזער ספּעסאַפייד בילד קען זיין פעלנדיק. אין די קאַסעס, אונדזער אַלט טעקסט וואָלט אַרויסווייַזן אַנשטאָט.
אַלט טעקסט איז אויך געניצט דורך פאַרשטעלן לייענער סאָפטווער צו "לייענען" דעם בילד צו אַ גאַסט וואס איז זעאונג ימפּערד. זינט זיי קענען נישט זען דעם בילד ווי מיר טאָן, דעם טעקסט לעץ זיי וויסן וואָס די בילד זיך איז. דעם איז וואָס אַלט טעקסט איז פארלאנגט און וואָס עס זאָל קלאר שטאַט וואָס די בילד איז!
א פּראָסט מיסאַנדערסטאַנדינג פון אַלט טעקסט איז אַז עס איז מענט פֿאַר זוכן מאָטאָר צוועקן. דאָס איז נישט אמת. בשעת Google און אנדערע זוכן ענדזשאַנז לייענען דעם טעקסט צו באַשטימען וואָס די בילד איז (געדענק, זיי קענען נישט "זען" דיין בילד אויך), איר זאָל נישט שרייַבן אַלט טעקסט צו אַפּעלירן סאָוללי צו זוכן ענדזשאַנז. מחבר קלאָר alt text וואָס איז מענט פֿאַר יומאַנז. אויב איר קענען אויך לייגן עטלעכע טערמינען אין דעם קוויטל אַז אַפּעלירן צו זוכן ענדזשאַנז, אַז איז פייַן, אָבער שטענדיק מאַכן זיכער די אַלט טעקסט איז דינען זייַן ערשטע ציל דורך סטאַטינג וואָס די בילד איז פֿאַר ווער עס יז וואס קענען נישט זען די גראַפיקס טעקע.
אנדערע אַטריביוץ
דער IMG צעטל אויך האט צוויי אנדערע אַטריביוץ אַז איר קענען זען אין נוצן ווען איר שטעלן אַ גראַפיק אויף דיין וועב בלאַט - די ברייט און די הייך. פֿאַר בייַשפּיל, אויב איר נוצן אַ וויזיוויג רעדאַקטאָר ווי דרעאַמוועאַווער, אָטאַמאַטיק מוסיף דעם אינפֿאָרמאַציע פֿאַר איר. דאָ ס אַ בייַשפּיל:
די ווידטה און כייט אַטראַביוץ דערציילן דעם בלעטערער די גרייס פון דעם בילד. דער בלעטערער ווייסט פּונקט ווי פיל פּלאַץ אין דעם אויסלייג צו אַלאַקייט, און עס קענען מאַך אויף צו די ווייַטער עלעמענט אויף דער בלאַט בשעת די בילד דאַונלאָודז. דער פּראָבלעם מיט ניצן דעם אינפֿאָרמאַציע אין דיין HTML איז אַז איר קען ניט שטענדיק ווילן דיין בילד צו אַרויסווייַזן אין דעם פּינטלעך גרייס. פֿאַר בייַשפּיל, אויב איר האָבן אַ אָפּרופיק וועבזייַטל מיט סייזינג ענדערונגען וואָס זענען באזירט אויף אַ וויזשאַוואַל פאַרשטעלן און מיטל גרייס, איר וועט אויך ווילן דיין בילדער זיין פלעקסאַבאַל. אויב איר סטאַטוס אין דיין HTML וואָס די פאַרפעסטיקט נומער איז, איר וועט געפֿינען עס זייער שווער צו אָווועררייד מיט אָפּרופיק קסס מידיאַ קוויריז . פֿאַר דעם סיבה, און צו טייַנען אַ צעשיידונג פון סטיל (CSS) און סטרוקטור (HTML), עס איז רעקאַמענדיד אַז איר טאָן ניט לייגן ברייט און הייך אַטראַביוץ צו דיין HTML קאָד.
איין נאָטיץ: אויב איר לאָזן די סייזינג אינסטרוקציעס אַוועק און טאָן ניט ספּעציפיצירן אַ גרייס אין קסס, דער בלעטערער וועט ווייַזן די בילד בייַ זייַן פעליקייַט, געבוירן גרייס סייַ ווי סייַ.
Edited by Jeremy Girard