Сүрөттөр жана киришүү үчүн HTML IMG Tag колдонуу
HTML IMG теги барак ичинде сүрөттөрдү жана башка статикалык жуурулушуу объектилерин киргизилгендиги иет. Бул жалпы теги бир кызыктуу сүрөт-багытталган сайтты иштеп берүүгө үйрөнгөндүктөн үчүн байлык кошуп бир нече милдеттүү жана кошумча касиеттерин колдойт.
Толугу менен HTML IMG тег пайда болгон, мисалы, мындай болот:
<Таки "нускага">Керектүү IMG Tag Attributes
СИБ. сиз интернет-беттеги өзгөрүүлөр картинасын алуу керек СИБ атрибуту болуп саналат деп эсептейм. Бул сыпат атын жана Image File жайгашкан көргөзүлөт аныктайт.
ALT. жарактуу XHTML жана HTML4 жазууга ALT атрибуттуу да талап кылынат. Бул сыпат айкел жөнүндө тексти менен nonvisual браузерлерге камсыз кылуу үчүн колдонулат. Серепчилер ар кандай жолдор менен башка текст көрсөтүү. Сиз бейнеси менен чычкандын салып кээ бир дисплей Калкыма катары, башкалар сени бейнеси боюнча оң-басканда касиеттери, аны көрсөтүүгө, ал эми айрымдары дегеле, аны көрсөтө бербейт.
Колдон -чыкма текст Желе-беттеги тексти тиешелүү, же анча маанилүү эмес бейнеси тууралуу кошумча маалымат берет. Бирок экран окурмандарга жана башка текст гана браузерлерде, текст-беттеги тексти менен бирге киргизилген окуй турганын унутпа. билбей калбашы үчүн, (мисалы) мындай дейт: баяндоочу-чыкма текст пайдаланууга, анын ордуна жөн гана "Дизайн жана HTML жөнүндө", "логотиби."
HTML5, сиз ага көбүрөөк Баяндама кошуу үчүн Коштомо пайдалана алат, анткени ALT сыпат дайыма талап кылынбайт. Ошондой эле касиетти ARIA-DESCRIBEDBY толук баяндалат бир ID көрсөтүү үчүн колдоно аласыз.
Alt текст, ошондой эле интернет-беттеги же пиктограммасынын үстү жагында бир сүрөттөр катары сүрөттөлүш гана кооздук болсо, талап кылынбайт. Сиз чын эле жок болсо, жөн эле учурда жылып-чыкма текст кирет.
Сунушталган IMG Attributes
Туурасы, бийиктиги. Сиз ар дайым WIDTH, колдонуу жана HEIGHT касиет адатка айландырып алышат керек. Ал эми сен ар дайым чыныгы көлөмүн эмес, браузер менен сүрөттөрдү өлчөмүн колдонуу керек.
Бул касиеттер бейнеси боюнча дизайны браузер аянтын бөлүп берүүгө болот, себеби, бетине чыгарууну тездетүү, андан кийин эмес, мазмунуна калган жүктөп толугу менен жүктөп алуу үчүн күтүп жатышат.
Башка Пайдалуу IMG Attributes
TITLE. Атрибуту ар кандай колдонулушу мүмкүн глобалдык сапаты HTML элемент . Мындан тышкары, TITLE атрибуттуу сиз бейнеси тууралуу кошумча маалыматты кошууга мүмкүндүк берет.
Көптөгөн браузерлер TITLE касиетти колдойт, бирок, ар кандай жолдор менен муну. Сүрөттөгү колдонуучу оң-чертүү болгондон кийин кээ бир дисплей башка маалымат экраны, аны көрсөтүүгө, ал эми бир Калкыма катары текст. Сиз бейнеси тууралуу кошумча маалыматтарды жазууга TITLE атрибутун колдонобуз, бирок жашыруун же көзгө көрүнгөн да болуп, бул маалыматты саны эмес, болот. Сиз, албетте, издөө системалары үчүн ачкыч жашыруу үчүн бул туура эмес болуп калмак. Мындай тажрыйба азыр көпчүлүк издөө системалары тарабынан жазага дуушар болушат.
USEMAP жана ISMAP. Бул эки сыпаттары керектөөчү тарабында койду () жана Server-тарабы (ISMAP) сүрөтү карталарын Сиздин сүрөттөлүштөр.
LONGDESC. атрибуттуу Сүрөттүн ары сүрөттөмөсүн сайттардын колдойт. Бул өзгөчөлүк сүрөттөр жеткиликтүү кылат.
Чыккан жана эскирген IMG сапаттарына
HTML5 менен бир сыпаттары жоготкон же HTML4 менен сунушталбайт. мыкты HTML үчүн, сен анын ордуна бул сыпаттарын пайдалануунун башка жолдорун издөө керек.
Чек. атрибуттуу айкелдин тегерегинде кандайдыр бир чек пиксел менен туурасын аныктайт. Бул HTML4 менен CSS пайдасына сунушталбайт жана HTML5 менен эскирген.
Чыгууда. Бул сыпат Тексттин ичинде сүрөттү коюп жана анын тегерегиндеги текст агымын ээ болууга мүмкүнчүлүк берет. Сиз туура же солго сүрөттү тегиздөө болот. Бул HTML4 менен күндөп CSS мүлктүн пайдасына сунушталбайт жана HTML5 менен эскирген.
HSPACE жана VSPACE. HSPACE жана VSPACE сыпаттары туурасынан ак боштук (HSPACE) жана тик (VSPACE). Ак мейкиндик сүрөттөр (жогорку жана төмөнкү же сол жана оң) эки тарапка кошулуп берилет, андыктан бир гана жагында орун керек болсо, сиз CSS колдонуу керек. Бул касиеттер маржа CSS мүлктүн пайдасына HTML4-жылы жоюлган, бирок алар HTML5 моралдык болуп саналат.
LOWSRC. LOWSRC атрибуттуу Сүрөт булагы, ал өтө жай жүктөп ушунчалык көп болсо, башка сүрөттөлүштү берет. Мисалы, сиз интернет-беттеги көрсөтө келет 500Кб болгон бир сүрөттөлүш болушу мүмкүн, бирок, 500Кб жүктөп алуу үчүн көп убакытты талап кылат. Ошондуктан айкелдин бир кыйла аз көчүрмөсүн түзүү, мисалы, кара жана ак, же жөн гана өтө оптималдаштырып жана LOWSRC сыпатында деп койду. Кичирээк сүрөт жүктөп алып, биринчи жолу өтөт, андан кийин ири сүрөтү ал аз булагы бир ордуна пайда болгон.
LOWSRC атрибуттуу Netscape Navigator 2.0 IMG тег кошулду. көп сайттар бардык заманбап браузерлерде тарабынан колдоого жатат деп ырасташат, бирок бул DOM, 1, ал эми андан кийин DOM деңгээл 2. Browser колдоо, бул сыпаты боюнча үзгүлтүк болду алынып салынган бир бөлүгү болуп саналат. Бул же тактоо расмий бөлүгү болгон эмес, анткени HTML5 менен HTML4 же эскирген кийинчерээк эмес.
Анын бул сыпаттарын толугу менен алыс, анын ордуна, алар тез жүктөлөт деп Сүрөттөргө оптималдаштыруу. жүктөө ылдамдыгы жакшы Желе жай үлгүсүнүн маанилүү бөлүгү болуп саналат, ал эми көп сүрөттөр жай барактар ылдый өтө-да LOWSRC касиетти пайдалануу.