Grava principo de la TTT-norma movado, kiu respondecas pri la industrio, kiun ni hodiaŭ havas, estas la ideo uzi HTML-elementojn por tio, kio ili prefere ol kiel ili povas aperi en la retumilo defaŭlte. Ĉi tio estas konata kiel uzanta Semantika HTML.
Kio estas Semantika HTML
Semantika HTML aŭ semantika marko estas HTML, kiu enmetas signifon al la retpaĝejo prefere ol nur prezento. Ekzemple, etikedo
indikas, ke la enmetita teksto estas alineo.
Ĉi tio estas semantika kaj prezenta, ĉar homoj scias, kion alineoj estas kaj retumiloj scias kiel montri ilin.
Sur la rando de ĉi tiu ekvacio, etikedoj kiel kaj ne estas semantikaj, ĉar ili difinas nur kiel la teksto devus aspekti (aŭdaca aŭ kursiva) kaj ne aldonas neniun alian signifon al la marko.
Ekzemploj de semantikaj HTML-etikedoj inkluzivas la titolikajn etikedojn
per , , kaj . Estas multaj pli semantikaj HTML-etikedoj, kiuj povas esti uzataj, kiel vi kreas normon-plenuman retejon.
Kial Vi Devos Prizorgi Pri Semantiko
La avantaĝo de skribi semantikajn HTML-tavojn de kio devus esti la veturanta celon de iu ajn retpaĝaro - la deziro komuniki. Aldonante semantikajn etikedojn al via dokumento, vi aldonas aldonan informon pri tiu dokumento, kiu helpas komunikadon. Specife, semantikaj etikedoj klarigas al la retumilo kia signifo de paĝo kaj ĝia enhavo estas.
Tiu klareco ankaŭ estas komunikita kun serĉiloj, certigante ke la ĝustaj paĝoj estas transdonitaj por la ĝustaj demandoj.
Semantikaj HTML-etikedoj provizas informojn pri la enhavo de tiuj etikedoj, kiuj preterlasas kiel ili aspektas en paĝo. Teksto kiu estas enmetita en la etikedo estas tuj rekonita de la retumilo kiel ia tipo de kodiga lingvo.
Anstataŭ provi repagi tiun kodon, la retumilo komprenas, ke vi uzas tiun tekston kiel ekzemplon de la kodo por celoj de artikolo aŭ enreta lernilo de ia speco.
Uzanta semantikajn etikedojn donas al vi multe pli da hokoj por desegni vian enhavon. Eble hodiaŭ vi preferas montri vian kodon-specimenojn en la defaŭlta foliumilo, sed morgaŭ vi volas nomi ilin per griza fonkolora koloro kaj poste vi volas difini la precizan monoforman tiparon aŭ tipan stakon por uzi por viaj specimenoj. Vi povas facile fari ĉiujn ĉi tiujn aferojn uzante semantikan markon kaj inteligente aplikitan CSS.
Uzu Semantikajn Etikedojn Ĝuste
Kiam vi volas uzi semantikajn etikedojn por transdoni signifon anstataŭ por prezentoj, vi devas zorgi, ke vi ne uzu ilin malĝuste simple por siaj komunaj ekranaj propraĵoj. Iuj de la plej ofte uzataj semantikaj etikedoj inkluzivas:
- blockquote - Iuj homoj uzas la etikedon por indenti tekston, kiu ne estas citaĵo. Ĉi tio estas ĉar blockquotes estas indentitaj defaŭlte. Se vi simple volas profitojn de indentation, sed la teksto ne estas blokokoto, anstataŭe uzi CSS-randojn.
- p - Kelkaj redaktiloj uzas
& nbsp; (ne-rompa spaco en paragrafo) por aldoni ekstran spacon inter paĝaj elementoj, anstataŭ difini realajn alineojn por la teksto de tiu paĝo. Kiel kun la antaŭe menciita indentanta ekzemplo, vi devus uzi la rando aŭ kompletigado stilo posedaĵo por aldoni spacon.
- ul - Kiel blockquote, kunmetante tekston ene de
etikedaj indentoj, kiuj tekstas en plej multaj foliumiloj. Ĉi tio estas duoname malĝusta kaj nevalida HTML, ĉar nur - etikedoj estas validaj ene de
etikedo. Denove uzu la randon aŭ kompletigan stilon por enmeti tekston.
- h1-h6 - La rubrikaj etikedoj povas esti uzataj por fari tiparojn pli grandaj kaj pli aĉaj, sed se la teksto ne estas rubriko, ĝi ne devus esti ene de titola etikedo. Uzu la font-pezon kaj font-grandecon de CSS-propraĵoj anstataŭe se vi volas ŝanĝi la grandecon aŭ pezon de specifa teksto en via paĝo.
Uzante HTML-etikedojn, kiuj havas signifon, vi kreas paĝojn, kiuj donas pli da informoj ol nur ĉirkaŭante ĉion per
etikedoj.
Kiuj HTML Etikedoj Estas Semantikaj?
Dum preskaŭ ĉiu HTML4-etikedo kaj ĉiuj HTML5-etikedoj havas signifon semantikan, iuj etikedoj estas ĉefe semantikaj en naturo.
Ekzemple, HTML5 redifinis la signifon de la etikedoj kaj por esti semantikaj. La etikedo ne koncernas gravan gravecon, sed prefere tekston, kiu kutime prezentiĝas en aŭdaca. La etikedo ankaŭ ne koncernas gravan gravecon aŭ emfazon, sed pli ĝuste difinas tekston, kiu estas kutime prezentita en kursivon.
Semantika HTML Etikedoj
Mallongigo Akronimo
Longa citaĵo Difino Direkto por aŭtoro (j) de la dokumento Citaĵo Kodo referenco Teletipo teksto Logika divido Ĝenerala enlinea ujo Forigita teksto Enmetita teksto Emfazo Forta emfazo
Titulara unua nivelo
Titulara dua nivelo
Titulara tria nivelo
Kvara nivelo
Kvina-nivela titolo
Titulara sesa nivelo
Temática rompo Teksto enmetita de la uzanto
Pre-formatita teksto
Mallonga inta citaĵo Specimeno eligo Subskripto Superskribo Variablo aŭ uzanto difinita teksto
, kaj . Estas multaj pli semantikaj HTML-etikedoj, kiuj povas esti uzataj, kiel vi kreas normon-plenuman retejon.
Kial Vi Devos Prizorgi Pri Semantiko
La avantaĝo de skribi semantikajn HTML-tavojn de kio devus esti la veturanta celon de iu ajn retpaĝaro - la deziro komuniki. Aldonante semantikajn etikedojn al via dokumento, vi aldonas aldonan informon pri tiu dokumento, kiu helpas komunikadon. Specife, semantikaj etikedoj klarigas al la retumilo kia signifo de paĝo kaj ĝia enhavo estas.
Tiu klareco ankaŭ estas komunikita kun serĉiloj, certigante ke la ĝustaj paĝoj estas transdonitaj por la ĝustaj demandoj.
Semantikaj HTML-etikedoj provizas informojn pri la enhavo de tiuj etikedoj, kiuj preterlasas kiel ili aspektas en paĝo. Teksto kiu estas enmetita en la etikedo estas tuj rekonita de la retumilo kiel ia tipo de kodiga lingvo.
Anstataŭ provi repagi tiun kodon, la retumilo komprenas, ke vi uzas tiun tekston kiel ekzemplon de la kodo por celoj de artikolo aŭ enreta lernilo de ia speco.
Uzanta semantikajn etikedojn donas al vi multe pli da hokoj por desegni vian enhavon. Eble hodiaŭ vi preferas montri vian kodon-specimenojn en la defaŭlta foliumilo, sed morgaŭ vi volas nomi ilin per griza fonkolora koloro kaj poste vi volas difini la precizan monoforman tiparon aŭ tipan stakon por uzi por viaj specimenoj. Vi povas facile fari ĉiujn ĉi tiujn aferojn uzante semantikan markon kaj inteligente aplikitan CSS.
Uzu Semantikajn Etikedojn Ĝuste
Kiam vi volas uzi semantikajn etikedojn por transdoni signifon anstataŭ por prezentoj, vi devas zorgi, ke vi ne uzu ilin malĝuste simple por siaj komunaj ekranaj propraĵoj. Iuj de la plej ofte uzataj semantikaj etikedoj inkluzivas:
- blockquote - Iuj homoj uzas la etikedon por indenti tekston, kiu ne estas citaĵo. Ĉi tio estas ĉar blockquotes estas indentitaj defaŭlte. Se vi simple volas profitojn de indentation, sed la teksto ne estas blokokoto, anstataŭe uzi CSS-randojn.
- p - Kelkaj redaktiloj uzas
& nbsp; (ne-rompa spaco en paragrafo) por aldoni ekstran spacon inter paĝaj elementoj, anstataŭ difini realajn alineojn por la teksto de tiu paĝo. Kiel kun la antaŭe menciita indentanta ekzemplo, vi devus uzi la rando aŭ kompletigado stilo posedaĵo por aldoni spacon.
- ul - Kiel blockquote, kunmetante tekston ene de
etikedaj indentoj, kiuj tekstas en plej multaj foliumiloj. Ĉi tio estas duoname malĝusta kaj nevalida HTML, ĉar nur - etikedoj estas validaj ene de
etikedo. Denove uzu la randon aŭ kompletigan stilon por enmeti tekston.
- h1-h6 - La rubrikaj etikedoj povas esti uzataj por fari tiparojn pli grandaj kaj pli aĉaj, sed se la teksto ne estas rubriko, ĝi ne devus esti ene de titola etikedo. Uzu la font-pezon kaj font-grandecon de CSS-propraĵoj anstataŭe se vi volas ŝanĝi la grandecon aŭ pezon de specifa teksto en via paĝo.
Uzante HTML-etikedojn, kiuj havas signifon, vi kreas paĝojn, kiuj donas pli da informoj ol nur ĉirkaŭante ĉion per
etikedoj.
Kiuj HTML Etikedoj Estas Semantikaj?
Dum preskaŭ ĉiu HTML4-etikedo kaj ĉiuj HTML5-etikedoj havas signifon semantikan, iuj etikedoj estas ĉefe semantikaj en naturo.
Ekzemple, HTML5 redifinis la signifon de la etikedoj kaj por esti semantikaj. La etikedo ne koncernas gravan gravecon, sed prefere tekston, kiu kutime prezentiĝas en aŭdaca. La etikedo ankaŭ ne koncernas gravan gravecon aŭ emfazon, sed pli ĝuste difinas tekston, kiu estas kutime prezentita en kursivon.
Semantika HTML Etikedoj
Mallongigo Akronimo
Longa citaĵo Difino Direkto por aŭtoro (j) de la dokumento Citaĵo Kodo referenco Teletipo teksto Logika divido Ĝenerala enlinea ujo Forigita teksto Enmetita teksto Emfazo Forta emfazo
Titulara unua nivelo
Titulara dua nivelo
Titulara tria nivelo
Kvara nivelo
Kvina-nivela titolo
Titulara sesa nivelo
Temática rompo Teksto enmetita de la uzanto
Pre-formatita teksto
Mallonga inta citaĵo Specimeno eligo Subskripto Superskribo Variablo aŭ uzanto difinita teksto