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; p> (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.
- ul - Wéi Blockquote, Text an engem
Tag ennert dës Texter an de meeschte Browseren. Dëst ass zwang semantesch falsch a ongëlteg HTML, well nëmmen - Variablen an engem
Tag valabel sinn. Gitt erëm de Margin oder d'padding-Stil fir indent Text.
- h1-h6 - D'Rubriken vun der Rubrik kann benotzt ginn fir Schrëften méi grouss a méi mëndlech ze maachen, awer wann de Text net opgetratt ass, da sollt et net an engem Header Tag sinn. Mat Schrëftgréisst a Schrëftgréisst CSS-Properties benotzt, wann Dir d'Gréisst oder d'Gewiicht vum spezifeschen Text op Ärer Säit änneren wëllt.
Benotzt HTML Tags, déi Bedeitung hunn, kreéiert Säiten, déi méi Informatiounen ufalen wéi just ëm alles mat
Variatiounen.
Wéi eng HTML Tags sinn Semantesch?
Well bal all HTML4-Tag an all HTML5-Bezeechnungen hunn eng semantesch Bedeitung, sinn etlech Prioritéite semantesch an der Natur.
Zum Beispill HTML5 huet d'Bedeitung vun den an Variablen definéiert fir semantesch ze sinn. De Zigarettendang gëtt net extra Bedeitung, mee eent Text deen typesch fett ausgezeechent gëtt. De -Tag zielt och net extra Bedeitung oder Betonnung, mee definéiert Text, wat normalerweis a Kriis gekuckt gëtt.
Semantik HTML Tags
Abkürzung Acronym
Laang Zitat Definitioun Adress fir Auteur vum Dokument Citation
Code referenzéiert Teletype Text Logik Divisioun Generic-Inline-Stilcontainer Geläscht Text Text unzefänken Wäert Staark Betrib
Éischte Punkt
Second-Level-Iwwersetzung
Drëttubidder
Véierter Néierlag
Fënnefteleg Iwwerschreift
Sechst-héich Néierlag
Thematescher Paus Text deen vum Benotzer agefouert gëtt
Pre-formatéiert Text
Kuerz Inline Zitat Probeausgang Abonnement Superscript Variablen oder Benotzer definéiert Text
, 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; p> (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.
- ul - Wéi Blockquote, Text an engem
Tag ennert dës Texter an de meeschte Browseren. Dëst ass zwang semantesch falsch a ongëlteg HTML, well nëmmen - Variablen an engem
Tag valabel sinn. Gitt erëm de Margin oder d'padding-Stil fir indent Text.
- h1-h6 - D'Rubriken vun der Rubrik kann benotzt ginn fir Schrëften méi grouss a méi mëndlech ze maachen, awer wann de Text net opgetratt ass, da sollt et net an engem Header Tag sinn. Mat Schrëftgréisst a Schrëftgréisst CSS-Properties benotzt, wann Dir d'Gréisst oder d'Gewiicht vum spezifeschen Text op Ärer Säit änneren wëllt.
Benotzt HTML Tags, déi Bedeitung hunn, kreéiert Säiten, déi méi Informatiounen ufalen wéi just ëm alles mat
Variatiounen.
Wéi eng HTML Tags sinn Semantesch?
Well bal all HTML4-Tag an all HTML5-Bezeechnungen hunn eng semantesch Bedeitung, sinn etlech Prioritéite semantesch an der Natur.
Zum Beispill HTML5 huet d'Bedeitung vun den an Variablen definéiert fir semantesch ze sinn. De Zigarettendang gëtt net extra Bedeitung, mee eent Text deen typesch fett ausgezeechent gëtt. De -Tag zielt och net extra Bedeitung oder Betonnung, mee definéiert Text, wat normalerweis a Kriis gekuckt gëtt.
Semantik HTML Tags
Abkürzung Acronym
Laang Zitat Definitioun Adress fir Auteur vum Dokument Citation
Code referenzéiert Teletype Text Logik Divisioun Generic-Inline-Stilcontainer Geläscht Text Text unzefänken Wäert Staark Betrib
Éischte Punkt
Second-Level-Iwwersetzung
Drëttubidder
Véierter Néierlag
Fënnefteleg Iwwerschreift
Sechst-héich Néierlag
Thematescher Paus Text deen vum Benotzer agefouert gëtt
Pre-formatéiert Text
Kuerz Inline Zitat Probeausgang Abonnement Superscript Variablen oder Benotzer definéiert Text