Бүгүн биз да өнөр жайы үчүн жооптуу Желе стандарттары кыймылынын маанилүү принцип алар демейки браузер аркылуу пайда болушу мүмкүн экенин көрө эмне үчүн HTML элементтерин колдонуу идеясы болуп саналат. Бул семантикалык HTML колдонуу деп аталат.
Кандай семантикалык HTML болот
Semantic HTML же маанилик белгилөө эле тартуу эмес, тескерисинче, интернет бетине дегенди киргизилет HTML болуп саналат. Мисалы, <б> теги тиркелген текст бир пункт бар экенин көрсөтүп турат.
эл-пунктунун жана серепчилер аларды кантип билемин, анткени, мазмундук жана presentational болуп саналат.
Бул илгерки медалдын тарабында, теги сыяктуу <б> жана <мен> Алар текстти кандай гана аныктап, анткени, семантикалык эмес, (кара же жантык) болушу керек жана белгилери ар кандай кошумча мааниге камсыз кылбайт.
семантикалык HTML тэг, мисалы, баш-теги
аркылуу кирет, <кодексине> жана <эм>. Эгер адеп-ахлак нормаларына ылайык интернет- катары колдонулушу мүмкүн, дагы көп семантикалык HTML теги бар.
Эмне үчүн Семантика жөнүндө үчүн кызыктырышы керек?
семантикалык HTML жазуу кандай пайдасы келип чыккан пикир каалоо page- каалаган интернет айдап максаты болушу керек. Сиздин документ семантикалык тегдерин кошуу менен, байланыш СПИД бул документ тууралуу кошумча маалымат берет. Тактап айтканда, семантикалык теги бир бетине мааниси кандай жана анын мазмуну браузерге айкын.
Бул тазалыгы туура барактар туура суроо берди камсыз кылуу, ошондой эле издөө системалары менен сүйлөшүп жатат.
Semantic HTML теги бир беттеги карап канчалык ары, ошол Tags мазмуну тууралуу маалымат берүү. <Коду> тегинин тиркелген жатат Текст дароо тил коддоонун бир түрү катары браузер аркылуу таанылат.
Анын ордуна бул кодду көрсөтүүгө аракет, браузер макалага же кандайдыр бир онлайн үйрөтмө максатында кодексинин бир мисал катары бул аятты колдонуп жатат деп түшүнөт.
семантикалык колдонуу сиздин мазмунду стайлинг үчүн дагы көп илгич берет. Балким, бүгүн сен код үлгүлөрү демейки серепчи стилинде өзгөрүүлөр болушун каалашат, бирок, эртең, бир боз маалымат түс менен аларды чакырып келет, жана андан ары Сиз так моно-боштук арип үй-бүлө аныктабаса, же болбосо каалаган арип үймөгүн пайдалануу үчүн Сиздин үлгүлөр. Сиз жонокой семантикалык белгилөө менен чара колдонулат CSS колдонуу менен ушунун баарын кыла алат.
Колдонуу семантикалык Tags туура
Сиз берүү максатында эмес, мааниси жеткирүүгө семантикалык теги келсе, сиз алардын жалпы дисплей касиеттери боюнча туура эмес, тек гана аларды колдонуудан сак болушубуз керек. көбүнчө кыянаттык менен семантикалык Tags кээ бирлери төмөнкүлөр:
- Blockquote - Кээ бир адамдар колдонгон үзүндү эмес, текстти боштутктан турган теги. Бул blockquotes демейки боюнча чегинет себеби болуп саналат. Сен жөн гана кемтиги пайда алып келсе, ал эми текст Blockquote ордуна колдонуу CSS маржа эмес.
- б - Айрым желе редакторлору пайдалануу <б> & Кошумча (а paragraoph камтылган бош эмес-бөлүп), тескерисинче, ошол беттеги тексти айкын пункттары аныктоо эмес, баракчанын элементтеринин ортосундагы кошумча орун менен толукталсын. Буга чейин белгиленгендей, боштутктан турган, мисалы сыяктуу эле, орун кошуу маржа же билмейинче, стили мүлктү пайдалануу керек.
- ул - шариятка окшоп, көпчүлүк интернет-браузерлерде бир <ул> теги кемтиктерин деген текст ичиндеги текст тиркөө менен. гана <Ли> теги бир <ул> тегинин ичинде күчүндө болот, бул да семантикалык туура эмес жана жараксыз HTML болуп саналат. Дагы, кемтиги текстине маржа же билмейинче, стилди колдонуу.
- h1-h6 - баш теги усулунун көп жана Улуу үчүн колдонсо болот, бирок, текст бир сабы жок болсо, анда ал баш тег ичинде болушу керек. Эгер беттеги атайын текст өлчөмүн же салмагын өзгөртүүнү каалаган ордуна келсе, арип-салмак жана арип өлчөмү CSS касиеттери колдон ..
мааниге ээ HTML теги пайдалануу менен, сиз жөн гана <бөлүү> тегдеринин менен бүт нерсени курчап аркылуу көбүрөөк маалымат менен бөлүшүүгө барактарды түзүү.
HTML Tags семантикалык турган?
дээрлик ар бир HTML4 теги жана HTML5 теги бир семантикалык мааниге ээ, ал эми кээ бир теги табиятта негизинен семантикалык болуп саналат.
Мисалы, HTML5 <б> маанисин кайра каралып жана <мен> семантикалык болуп Tags. <Б> теги кошумча маанилүү, бирок, адатта, кара тамга менен берилген эмес, текстти жеткире албайт. <Мен> теги да кошумча маани же басым уруксат бербейт, тескерисинче, адатта кыйгач которулган текст аныктайт.
Семантикалык HTML Tags
аббревиатура <Жактама> жактама
Лонг тырмакча аныктоо <Адрес> документ жазуучу (лор) боюнча кат алышуу үчүн дарек <Мисал> эсептөө <Коду> Code шилтеме телетайпограмма текст логикалык бөлүмү <Карыш> Generic сап стили контейнер <Дел> Жок текст киргизилген текст <Эм> ачыктык <Күчтүү> күчтүү басым
Биринчи деңгээл сөздүү кабарында,
Экинчи даражадагы сөздүү кабарында,
Үчүнчү деңгээл сөздүү кабарында,
Төртүнчүдөн-деңгээл сөздүү кабарында,
Бешинчи даражадагы сөздүү кабарында,
Алтынчы-деңгээл сөздүү кабарында, <С> Thematic үзүлүшүн Текст колдонуучу кирип турган <Чейинки> Алдын-ала агарганда <С> Кыска сап тырмакча <КБП> үлгү чыгаруу <Суб> Subscript индекс Өзгөрүлмө же белгиленген текст
кирет, <кодексине> жана <эм>. Эгер адеп-ахлак нормаларына ылайык интернет- катары колдонулушу мүмкүн, дагы көп семантикалык HTML теги бар.Эмне үчүн Семантика жөнүндө үчүн кызыктырышы керек?
семантикалык HTML жазуу кандай пайдасы келип чыккан пикир каалоо page- каалаган интернет айдап максаты болушу керек. Сиздин документ семантикалык тегдерин кошуу менен, байланыш СПИД бул документ тууралуу кошумча маалымат берет. Тактап айтканда, семантикалык теги бир бетине мааниси кандай жана анын мазмуну браузерге айкын.
Бул тазалыгы туура барактар туура суроо берди камсыз кылуу, ошондой эле издөө системалары менен сүйлөшүп жатат.
Semantic HTML теги бир беттеги карап канчалык ары, ошол Tags мазмуну тууралуу маалымат берүү. <Коду> тегинин тиркелген жатат Текст дароо тил коддоонун бир түрү катары браузер аркылуу таанылат.
Анын ордуна бул кодду көрсөтүүгө аракет, браузер макалага же кандайдыр бир онлайн үйрөтмө максатында кодексинин бир мисал катары бул аятты колдонуп жатат деп түшүнөт.
семантикалык колдонуу сиздин мазмунду стайлинг үчүн дагы көп илгич берет. Балким, бүгүн сен код үлгүлөрү демейки серепчи стилинде өзгөрүүлөр болушун каалашат, бирок, эртең, бир боз маалымат түс менен аларды чакырып келет, жана андан ары Сиз так моно-боштук арип үй-бүлө аныктабаса, же болбосо каалаган арип үймөгүн пайдалануу үчүн Сиздин үлгүлөр. Сиз жонокой семантикалык белгилөө менен чара колдонулат CSS колдонуу менен ушунун баарын кыла алат.
Колдонуу семантикалык Tags туура
Сиз берүү максатында эмес, мааниси жеткирүүгө семантикалык теги келсе, сиз алардын жалпы дисплей касиеттери боюнча туура эмес, тек гана аларды колдонуудан сак болушубуз керек. көбүнчө кыянаттык менен семантикалык Tags кээ бирлери төмөнкүлөр:
- Blockquote - Кээ бир адамдар колдонгон үзүндү эмес, текстти боштутктан турган теги. Бул blockquotes демейки боюнча чегинет себеби болуп саналат. Сен жөн гана кемтиги пайда алып келсе, ал эми текст Blockquote ордуна колдонуу CSS маржа эмес.
- б - Айрым желе редакторлору пайдалануу <б> & Кошумча (а paragraoph камтылган бош эмес-бөлүп), тескерисинче, ошол беттеги тексти айкын пункттары аныктоо эмес, баракчанын элементтеринин ортосундагы кошумча орун менен толукталсын. Буга чейин белгиленгендей, боштутктан турган, мисалы сыяктуу эле, орун кошуу маржа же билмейинче, стили мүлктү пайдалануу керек.
- ул - шариятка окшоп, көпчүлүк интернет-браузерлерде бир <ул> теги кемтиктерин деген текст ичиндеги текст тиркөө менен. гана <Ли> теги бир <ул> тегинин ичинде күчүндө болот, бул да семантикалык туура эмес жана жараксыз HTML болуп саналат. Дагы, кемтиги текстине маржа же билмейинче, стилди колдонуу.
- h1-h6 - баш теги усулунун көп жана Улуу үчүн колдонсо болот, бирок, текст бир сабы жок болсо, анда ал баш тег ичинде болушу керек. Эгер беттеги атайын текст өлчөмүн же салмагын өзгөртүүнү каалаган ордуна келсе, арип-салмак жана арип өлчөмү CSS касиеттери колдон ..
мааниге ээ HTML теги пайдалануу менен, сиз жөн гана <бөлүү> тегдеринин менен бүт нерсени курчап аркылуу көбүрөөк маалымат менен бөлүшүүгө барактарды түзүү.
HTML Tags семантикалык турган?
дээрлик ар бир HTML4 теги жана HTML5 теги бир семантикалык мааниге ээ, ал эми кээ бир теги табиятта негизинен семантикалык болуп саналат.
Мисалы, HTML5 <б> маанисин кайра каралып жана <мен> семантикалык болуп Tags. <Б> теги кошумча маанилүү, бирок, адатта, кара тамга менен берилген эмес, текстти жеткире албайт. <Мен> теги да кошумча маани же басым уруксат бербейт, тескерисинче, адатта кыйгач которулган текст аныктайт.
Семантикалык HTML Tags
аббревиатура <Жактама> жактама Лонг тырмакча аныктоо <Адрес> документ жазуучу (лор) боюнча кат алышуу үчүн дарек <Мисал> эсептөө <Коду> Code шилтеме телетайпограмма текст логикалык бөлүмү <Карыш> Generic сап стили контейнер <Дел> Жок текст киргизилген текст <Эм> ачыктык <Күчтүү> күчтүү басым
Биринчи деңгээл сөздүү кабарында,
Экинчи даражадагы сөздүү кабарында,
Үчүнчү деңгээл сөздүү кабарында,
Төртүнчүдөн-деңгээл сөздүү кабарында,
Бешинчи даражадагы сөздүү кабарында,
Алтынчы-деңгээл сөздүү кабарында, <С> Thematic үзүлүшүн Текст колдонуучу кирип турган <Чейинки> Алдын-ала агарганда <С> Кыска сап тырмакча <КБП> үлгү чыгаруу <Суб> Subscript индекс Өзгөрүлмө же белгиленген текст