Skip to main content

Шта је Семантички ХТМЛ и зашто бисте га користили

Anonim

Важан принцип покрета Веб стандарда који је одговоран за индустрију коју имамо данас је идеја кориштења ХТМЛ елемената за оно што су, умјесто како се по дефаулту приказују у претраживачу. Ово је познато као коришћење семантичког ХТМЛ-а.

Шта је Семантички ХТМЛ

Семантички ХТМЛ или семантички означавање је ХТМЛ који уводи значење на веб страницу, а не само презентацију. На пример, а

ознака означава да је приложени текст параграф.

Ово је и семантично и презентацијско, јер људи знају који су ставови и претраживачи знају како их приказати.

На другој страни ове једначине, тагови као што су и нису семантични, јер дефинишу само како ће изгледати текст (болд или курзив) и не дају никакво додатно значење маркацији.

Примери семантичких ХТМЛ ознака укључују ознаке заглавља

кроз
,
, и . Постоји много више семантичких ХТМЛ ознака које се могу користити док креирате веб локацију која одговара стандарду.

Зашто би требало да се брине о семантици

Корист од писања семантичког ХТМЛ-а произлази из онога што би требало да буде циљ свих веб страница - жеља за комуникацијом. Додавањем семантичких ознака у ваш документ, пружите додатне информације о том документу, што помаже у комуникацији. Конкретно, семантичке ознаке јасно показују претраживачу шта је значење странице и њеног садржаја.

Та јасноћа се такође преноси са претраживачима, осигуравајући да се праве странице испоручују за праве упите.

Семантички ХТМЛ тагови пружају информације о садржају тих ознака који превазилазе само како изгледају на страници. Текст који је приложен у ознаку одмах препознаје прегледач као нека врста језика кодирања.

Уместо покушаја да направи тај код, претраживач разуме да тај текст користите као пример кода у сврху неког чланка или онлине туториала неке врсте.

Коришћење семантичких ознака вам даје много више кукица за стајање вашег садржаја. Можда бисте данас желели да ваши узорци кодова буду приказани у подразумеваном стилу претраживача, али сутра желите да их позовете сивом бојом позадине, а касније желите дефинисати прецизну моно размакнуте породице фонтова или фонтове за фонтове за кориштење ваше узорке. Све те ствари можете једноставно урадити користећи семантичку ознаку и паметно примењену ЦСС.

Користите семантичке ознаке исправно

Када желите да користите семантичке ознаке да бисте пренели значење уместо у сврхе презентације, морате бити пажљиви да их не користите погрешно једноставно због њихових заједничких особина приказа. Неке од најчешће злоупотребљених семантичких ознака укључују:

  • блоккуоте - Неки људи користе
    таг за увлачење текста који није цитат. То је због тога што су блокотови подразумевани. Ако једноставно желите да користите од уласка, али текст није блокада, уместо тога користите ЦСС маргине.
  • п - Неке веб уредници користе (не расклапајући простор садржан у параграфу) да додате додатни простор између елемената странице, уместо да дефинишете стварне параграфе за текст те странице. Као и претходно поменути примјер, требали бисте користити својство маргине или облагања за додавање простора.
  • ул - Као блок квота, обухвата текст унутар а
      означите ознаке које текст примењује у већини претраживача. Ово је и семантички нетачан и неважећи ХТМЛ, као само
    • ознаке важе у оквиру а
        таг. Опет, користите стил маргине или паддинга до текста.
    • х1-х6 - Ознаке наслова се могу користити да би фонтови били већи и смелији, али ако текст није наслов, не би требало да буде унутар ознаке наслова. Уместо тога користите фонт-веигхт и фонт-сизе ЦСС особине ако желите да промените величину или тежину одређеног текста на вашој страници.
    • Користећи ХТМЛ ознаке које имају значење, креирате странице које преносе више информација него што их само окружују

      ознаке.

      Које ХТМЛ ознаке су семантичке?

      Док скоро свака ознака ХТМЛ4 и све ознаке ХТМЛ5 имају семантичко значење, неке ознаке су првенствено семантичке по природи.

      На пример, ХТМЛ5 је редефинисао значење и ознаке бити семантичне. Тхе ознака не даје посебну важност, већ текст који је обично приказан масним словима. Тхе ознака такође не даје додатни значај или нагласак, већ дефинише текст који се обично прави курзивом.

      Семантички ХТМЛ тагови

      Скраћеница
      Акроним
      Дугачак цитат
      Дефиниција
      Адреса за аутора (е) документа
      Цитатион
      Ознака кода
      Текст телетипа
      Логичка подела
      Генерички контејнер са инлине стилом
      Избрисан текст
      Уметнути текст
      Истицање
      Снажан нагласак
      Наслов првог нивоа
      Наслови другог нивоа
      Наслов трећег нивоа
      Наслов четвртог нивоа
      Наслов на петом нивоу
      Наслов у шестом нивоу
      Тематски прекид
      Текст који унесе корисник
      Пред-форматирани текст
      Кратка инлајн цитат
      Излаз узорка
      Субсцрипт
      Суперсцрипт
      Променљив или кориснички дефинисан текст