Firwat benotzt Semantik HTML?

E wichtege Prinzip vun der Bewegungsstatioun fir de Web Standards, déi fir d'Industrie responsabel ass, ass haut d'Iddi fir HTML Elementer ze benotzen fir wat se sinn anstatt wéi et am default vum Browser am Browser erscheint. Dëst ass bekannt als semantesch HTML.

Wat ass Semantik HTML

Semantesch HTML oder semantesch Markup ass HTML déi Bedeitung fir d'Websäit anstatt nëmme Présentatioun entwéckelt. Zum Beispill, e

Tag weist datt den beilegte Text e Paragraphe ass.

Dëst ass eng semantesch a Presentatioun, well d'Leit wëssen, wat Paragrafen an Browsers wëssen, wéi se se ze weisen.

Op der Säit vun der Flip-Säit vun dëser Exegatioun si Begrëffer wéi an net semantesch, well se definéieren nëmmen wéi de Text kuckt (fett oder kursiv) an kee méi Sënn fir de Markup.

Beispiller vu semanteschen HTML-Tags beinhalt d'HeaderTags

bis

,
, an . Et gi vill méi semantesch HTML Tags, déi benotzt kënne ginn als Dir eng Standardskonform huet.

Firwat Dir Suerge wéinst Semantik sinn

De Benef vum Semantik HTML ze schreiwen aus deem wat soll de Fouss Zil vun enger Websäit sinn - de Wonsch ze kommunizéieren. Wann Dir semantesch Tags zu Ärem Dokument addéiere wëllt, gitt Dir méi Informatiounen iwwer dat Dokument, wat Aids an der Kommunikatioun ubelaangt. Besonnesch semantesch Tags maachen et de Browser kloer, wat d'Bedeitung vun enger Säit an hirem Inhalt ass.

Dat Klarheet gëtt och mat Suchmaschinn kommunizéiert, fir datt déi reklaméiert Säite fir déi richteg Ufroen ausgedeelt sinn.

Semantesch HTML Tags ginn Informatiounen iwwer den Inhalt vun dëse Tags, déi järeg sinn wéi se kucken op enger Säit. Text, deen an de Tag ass ennert a gëtt vum Browser direkt unerkannt wéi eng gewësse Kodiersprooch.

Anstatt de Code ze maachen, de Browser verstitt datt Dir dëse Text als e Beispill vum Code benotzt fir den Zweck vun engem Artikel oder Onofhängeg Tutorial vun enger Aart.

Mat semanteschen Stécker gitt Dir vill méi Haken fir Ären Inhalt ze stylelen. Vläicht haut maacht Dir Är Codeproblemer an de Standardbrowserstil, awer mueres, wëllt Dir se mat enger groer Hannergrond ruffen, a spéider wëlle Dir d'präzis Mono-Distanz Schrëttfamill oder Schrëftstack benotzen fir se fir Är Prouf. Dir kënnt all dës Saachen ganz einfach maachen mat semanteschen Markup an Smartphone applizéiert.

Benotzt Semantesches Korrespondéiert

Wann Dir semantesch Wierder benotzt fir Sënnen ze vermëttelen an net fir Presentatiounzwecker ze benotzen, musst Dir virsiichteg datt Dir se net falsch einfach fir hir gemeinsame Display-Properties benotzt. E puer vun de meeschte verbreet sinn semantesch Tags:

  • Blockquote - E puer Leit benotzen den
    -Tag fir e bessert Text, dat ass keen Zitat. Dëst ass wéinst Blockquoten indirekt vum default. Wann Dir einfach einfach Virdeeler vun der Récksetze wëllt, awer den Text ass net e Blockquote, benotze CSS Margen statt.
  • p - E puer Websäite benotzen

    & nbsp; (e non-breaking space, deen an engem Paragraf enthalten ass) fir extra Raum tëscht Elementer ze addéieren, an net déi tatsächlech Paragrafen vum Text vun där Säit ze definéieren. Wéi och mat dem fréieen erwähnten indentéierende Beispill sollt Dir d'Margin oder d'padding Stil Eegent benotze fir Plaz ze benotzen.