Бүгүнкү күндө ар кандай онлайн желе бет карачы, эгер кандайдыр бир окшоштуктары бар экенин байкайт. Ал жалпы сапаттардын бири сүрөттөр болуп эсептелет. туура сүрөттөр сайт тапшырмасын көп кошуп. компаниянын логотиби сыяктуу ошондогу айрым элестер, бренд сайтты жардам жана жеке компания үчүн санариптик жак менен байланыштырат.
бир сүрөттөлүш, сүрөтчө же интернет баракка сүрөттөрү кошуу үчүн, бир Барактын HTML кодду теги колдонушубуз керек. Сиз менен IMG теги коюп HTML сен сүрөттөп көрсөтө келет так. Барактын кодду көрсөтүү болуп саналат интернет браузер бет каралат бир жолу тиешелүү сүрөттөр менен бул теги алмаштырат. кайра биздин компания логотип, мисалы, барып, бул жерде сиз сайттын бул сүрөттү кошууга мүмкүн болот:
Image Attributes
Жогоруда HTML кодду карап чыгып, элемент эки сыпаттары бар экенин көрөбүз. Алардын ар бири бейнеси үчүн талап кылынат.
биринчи өзгөчөлүгү "СИБ" болуп саналат. Бул өтө эле түзмө-түз, сен беттеги көрсөтүлөт келет сүрөтү сөп. Биздин мисалда биз "logo.png" деп аталган бир билэни колдонуу болуп саналат. Бул сайтка кылып жатканда, интернет серепчи көргөзбөй турган көркөм болот.
Ошондой эле бул билэ атын чейин, кээ бир кошумча маалымат жок экенин байкабай калат "/ сүрөттөрдү /". Бул жолу болуп саналат. баштапкы слэш каталогуна тамырын издеп Server айтылат. Андан кийин "сүрөттөлүш" жана акырында билэ "logo.png" деп аталган бир папкага издеп калат. "Сүрөттөр" деген папканы колдонуу ар бир сайттын сүрөттөрү сактоо үчүн абдан жалпы практика болуп саналат, бирок билэ жолу сайтка тиешелүү ар кандай өзгөргөн болот.
Экинчи сөзсүз атрибуту "Alt" текст болуп саналат. Бул сүрөт бир себептерден улам жүктөй албаса, көрсөтүлгөн "кошумча текст" болуп саналат. сүрөт жүктөй албаса, биз, мисалы, "Компания Logo" көрсөтүлө турган окуп Бул текст. Эмне үчүн, эмне болмок? ар кандай себептер менен:
- Туура эмес билэ жол
- Туура эмес аянтчанын аты же жазууда
- КПП ката
- File Server жок кылынды
Бул биздин көрсөтүлгөн сүрөттөлүш эмне үчүн жок болушу мүмкүн, бир нече мүмкүнчүлүктөр бар. Мындай учурларда, биздин чыкма текст ордуна өзгөрүүлөр болмок.
Alt текст аян начар бир конокту сүрөт "окуу", ошондой эле Экран окугуч программалык тарабынан колдонулат. Алар биз сыяктуу сүрөттөлүштү көрө албайбыз, демек, бул текст аларды сүрөтү өзү эмне экенин ачып берет. Ошол себептен чыкма текст талап кылынат жана эмне үчүн ачык-айкын көрүнүшү кандай экенин белгилеши керек!
камтылган тексттин жалпы түшүнбөстүк аны издөө үчүн арналган деп эсептелет. Бул туура эмес. Google жана башка издөө сүрөттөлүш экенин аныктоо үчүн, бул текстти окуп жатканда (эстеп, алар сиздин суротторунуз "көрө" мүмкүн эмес), сиз бузгучтарды издөө гана кайрылууга чыкма текст жазууга болбойт. адамдарга арналган ачык-чыкма текст Author. силер да бузгучтарды издөө кайрылууга тег айрым сөздөрдү кошуп ала турган болсо, анда ал жакшы +, тескерисинче, дайыма жылып-чыкма текст сүрөтү сүрөттөр билэни көрө албайт эч кандай айтылган, анын негизги максаты кылып турушу керек.
Башка Attributes
IMG теги эле сиз интернет бетинде диаграммасын алып жатканда сиз пайдалануу көрүп эки башка сыпаттары бар - туурасы, бийиктиги. Мисалы, Dreamweaver сыяктуу WYSIWYG редактору колдонгон болсо, анда, албетте, ал дароо сага бул маалымат кошумчалайт. Мисал:
Туурасы, бийиктиги серепчи сүрөттүн өлчөмүн айтып байланыштырат. браузер анда жайлаштыруунун канча орун бөлөт так билет, ал сүрөт жүктөп ал эми беттеги кийинки элементтерин сүзө алат. Сиздин HTML бул маалыматты колдонуу менен көйгөй сиз ар дайым сүрөт так өлчөмүн көрсөткөн келет мүмкүн эмес болуп саналат. Мисалы, эгер бар болсо, жооп сайттан кимдин лучший бир коноктор экран жана түзмөк өлчөмү боюнча өзгөртүүлөр, сен да сүрөттөр ийкемдүү болушу керек. Сиз негизги көлөмү эмне HTML берилсин болсо, анда ал жооп менен жокко өтө оор болот CSS медиа суроо . Ушул себептен улам, жана стили (CSS) жана курулушка (HTML) бир бөлөк сактоо үчүн, сен да, туурасы кошуучу нерселер эмес экендигинин, бийиктиги сиздин HTML кодексине касиет сунушталат.
Бир эскертүү: бул туткасы көрсөтмөлөрдү таштап өчүрүү жана CSS бир өлчөмүн эмес, керек болсо, браузер, баары бир анын демейки, эне көлөмү боюнча сүрөттү көрсөтөт.
Jeremy Джирард тарабынан Edited