Prinċipju importanti tal-moviment tal-Istandards tal-Web li huwa responsabbli għall-industrija li għandna llum hija l-idea li tuża elementi HTML għal dak li huma pjuttost milli kif jistgħu jidhru fil-browser awtomatikament. Dan huwa magħruf bħala l-użu ta 'HTML Semantiku.
X'inhu HTML Semantiku
L-HTML semantiku jew il-markup semantiku huwa HTML li jintroduċi tifsira għall-paġna web aktar milli sempliċiment preżentazzjoni. Per eżempju, tag
tindika li t-test magħluq huwa paragrafu.
Dan huwa kemm semantiku kif ukoll preżentattiv, għaliex in-nies jafu liema huma l-paragrafi u l-browsers jafu kif juruhom.
Fuq in-naħa ta 'wara ta' din l-ekwazzjoni, tikketti bħal u mhumiex semantiċi, għaliex jiddefinixxu biss kif it-test għandu jidher (b'tipa grassa jew korsiva) u ma jipprovdu ebda tifsira addizzjonali għall-markup.
Eżempji ta 'tags HTML semantiċi jinkludu t-tags header
permezz , , u . Hemm ħafna aktar tikketti HTML semantiċi li jistgħu jintużaw meta tibni websajt konformi mal-istandards.
Għaliex Għandek Kura Dwar Semantika
Il-benefiċċju tal-kitba ta 'HTML semantiku joħroġ minn dak li għandu jkun l-għan tas-sewqan ta' kwalunkwe paġna tal-web - ix-xewqa li tikkomunika. Biż-żieda ta 'tikketti semantiċi mad-dokument tiegħek, inti tipprovdi informazzjoni addizzjonali dwar dak id-dokument, li tgħin fil-komunikazzjoni. Speċifikament, it-tikketti semantiċi jagħmluha ċara lill-browser liema hija t-tifsira ta 'paġna u l-kontenut tagħha.
Dik iċ-ċarezza hija wkoll ikkomunikata mal-magni tat-tiftix, u tiżgura li l-paġni t-tajba jingħataw għall-mistoqsijiet it-tajba.
L-ittikkettjar HTML semantiku jipprovdi informazzjoni dwar il-kontenut ta 'dawk it-tikketti li jmur lil hinn minn kemm tħares fuq paġna. It-test mehmuż fit-tikketta huwa immedjatament rikonoxxut mill-browser bħala xi tip ta 'lingwa ta' kodifikazzjoni.
Minflok ma tipprova tirrendi dak il-kodiċi, il-browser jifhem li qed tuża dak it-test bħala eżempju tal-kodiċi għall-finijiet ta 'artikolu jew tutorja onlajn ta' xi tip.
L-użu ta 'tikketti semantiċi jagħtik ħafna iktar ganċijiet għall-grafika tal-kontenut tiegħek. Forsi llum tippreferi li l-kampjuni tal-kodiċi tiegħek jidhru fl-istil tal-brawżer default, imma għada, trid iċċempelhom b'kulur sfond griż, u aktar tard trid tiddefinixxi l-familja jew il- font stack mono-spaced preċiża biex tużaha kampjuni tiegħek. Tista 'faċilment tagħmel dawn l-affarijiet billi tuża markup semantiku u applikat b'mod intelliġenti CSS.
Uża l-Ismijiet Semantiċi b'mod korrett
Meta tkun trid tuża tikketti semantiċi biex twassal tifsira aktar milli għal skopijiet ta 'preżentazzjoni, trid tkun attent li ma tużahomx b'mod żbaljat sempliċiment għall-proprjetajiet tal-wiri komuni tagħhom. Xi wħud mit-tikketti semantiċi l-aktar użati ħażin jinkludu:
- blockquote - Xi nies jużaw il-lametta biex jidentifikaw test li mhuwiex kwotazzjoni. Dan huwa minħabba li l-blockquotes huma indentati awtomatikament. Jekk sempliċement trid tibbenefika minn indentazzjoni, iżda t-test mhuwiex blockquote, minflok, juża marġini CSS.
- p - Uħud mill-edituri tal-web jużaw
& nbsp; p> (spazju li ma jiksibx li jinsab f'paragraph) biex iżżid spazju żejjed bejn l-elementi tal-paġna, aktar milli tiddefinixxi paragrafi attwali għat-test ta 'dik il-paġna. Bħalma jiġri bl-eżempju ta 'indenting imsemmi qabel, għandek tuża l-marġni jew il-proprjetà ta' stil tal-padding biex iżżid l-ispazju.
- ul - Bħall-blockquote, it-test magħluq ġewwa tabla
jelenka dak it-test fil-biċċa l-kbira tal-browsers. Dan huwa HTML semantikament inkorrett u invalidu, peress li tags - biss huma validi f'tikketta
. Għal darb'oħra, uża l-marġni jew l-istil tal-ikkuttunar biex inċiż it-test.
- h1-h6 - It-tikketti tal-intestatura jistgħu jintużaw biex il-fonts isiru akbar u iktar kuraġġuża, iżda jekk it-test mhuwiex intestatura, m'għandux ikun ġewwa intestatura. Uża l-proprjetajiet tal-font-weight u font-size CSS minflok jekk trid tibdel id-daqs jew il-piż tat-test speċifiku fuq il-paġna tiegħek.
Bl-użu ta 'tikketti HTML li għandhom tifsira, inti toħloq paġni li jagħtu aktar informazzjoni minn sempliċement madwar kollox b'tikketti
.
Liema HTML tags huma Semantic?
Filwaqt li kważi kull tikketta HTML4 u t-tikketti HTML5 kollha għandhom tifsira semantika, xi tags huma primarjament ta 'natura semantika.
Pereżempju, HTML5 iddefinixxiet mill-ġdid it-tifsira tat-tikketti u bħala semantiċi. It-tikketta ma tagħtix importanza żejda, iżda test li normalment jingħata b'tipa grassa. It-tikketta wkoll ma tagħtix importanza jew enfasi żejda, iżda tiddefinixxi t-test li normalment jingħata fil-korsiv.
Tagbiet HTML Semantiċi
Abbrevjazzjoni Akronimu
Kwotazzjoni twila Definizzjoni Indirizz għall-awtur (i) tad-dokument Ċitazzjoni
Referenza tal-kodiċi Test tat-Teletype Diviżjoni loġika Kontenut ġeneriku ta 'l-istil inline Test imħassar Test imdaħħal Enfasi Enfasi qawwija
Titolu tal-ewwel livell
Titolu tat-tieni livell
Titolu tat-tielet livell
Titolu tar-Raba 'Livell
Titolu tal-ħames livell
Titolu tas-Sitt livell
Brejkijiet tematiċi Test li għandu jiddaħħal mill-utent
Test ifformattjat minn qabel
Kwotazzjoni inline qasira Produzzjoni tal-kampjun Subscript Superkritta Test varjabbli jew definit mill-utent
, u . Hemm ħafna aktar tikketti HTML semantiċi li jistgħu jintużaw meta tibni websajt konformi mal-istandards.
Għaliex Għandek Kura Dwar Semantika
Il-benefiċċju tal-kitba ta 'HTML semantiku joħroġ minn dak li għandu jkun l-għan tas-sewqan ta' kwalunkwe paġna tal-web - ix-xewqa li tikkomunika. Biż-żieda ta 'tikketti semantiċi mad-dokument tiegħek, inti tipprovdi informazzjoni addizzjonali dwar dak id-dokument, li tgħin fil-komunikazzjoni. Speċifikament, it-tikketti semantiċi jagħmluha ċara lill-browser liema hija t-tifsira ta 'paġna u l-kontenut tagħha.
Dik iċ-ċarezza hija wkoll ikkomunikata mal-magni tat-tiftix, u tiżgura li l-paġni t-tajba jingħataw għall-mistoqsijiet it-tajba.
L-ittikkettjar HTML semantiku jipprovdi informazzjoni dwar il-kontenut ta 'dawk it-tikketti li jmur lil hinn minn kemm tħares fuq paġna. It-test mehmuż fit-tikketta huwa immedjatament rikonoxxut mill-browser bħala xi tip ta 'lingwa ta' kodifikazzjoni.
Minflok ma tipprova tirrendi dak il-kodiċi, il-browser jifhem li qed tuża dak it-test bħala eżempju tal-kodiċi għall-finijiet ta 'artikolu jew tutorja onlajn ta' xi tip.
L-użu ta 'tikketti semantiċi jagħtik ħafna iktar ganċijiet għall-grafika tal-kontenut tiegħek. Forsi llum tippreferi li l-kampjuni tal-kodiċi tiegħek jidhru fl-istil tal-brawżer default, imma għada, trid iċċempelhom b'kulur sfond griż, u aktar tard trid tiddefinixxi l-familja jew il- font stack mono-spaced preċiża biex tużaha kampjuni tiegħek. Tista 'faċilment tagħmel dawn l-affarijiet billi tuża markup semantiku u applikat b'mod intelliġenti CSS.
Uża l-Ismijiet Semantiċi b'mod korrett
Meta tkun trid tuża tikketti semantiċi biex twassal tifsira aktar milli għal skopijiet ta 'preżentazzjoni, trid tkun attent li ma tużahomx b'mod żbaljat sempliċiment għall-proprjetajiet tal-wiri komuni tagħhom. Xi wħud mit-tikketti semantiċi l-aktar użati ħażin jinkludu:
- blockquote - Xi nies jużaw il-lametta biex jidentifikaw test li mhuwiex kwotazzjoni. Dan huwa minħabba li l-blockquotes huma indentati awtomatikament. Jekk sempliċement trid tibbenefika minn indentazzjoni, iżda t-test mhuwiex blockquote, minflok, juża marġini CSS.
- p - Uħud mill-edituri tal-web jużaw
& nbsp; p> (spazju li ma jiksibx li jinsab f'paragraph) biex iżżid spazju żejjed bejn l-elementi tal-paġna, aktar milli tiddefinixxi paragrafi attwali għat-test ta 'dik il-paġna. Bħalma jiġri bl-eżempju ta 'indenting imsemmi qabel, għandek tuża l-marġni jew il-proprjetà ta' stil tal-padding biex iżżid l-ispazju.
- ul - Bħall-blockquote, it-test magħluq ġewwa tabla
jelenka dak it-test fil-biċċa l-kbira tal-browsers. Dan huwa HTML semantikament inkorrett u invalidu, peress li tags - biss huma validi f'tikketta
. Għal darb'oħra, uża l-marġni jew l-istil tal-ikkuttunar biex inċiż it-test.
- h1-h6 - It-tikketti tal-intestatura jistgħu jintużaw biex il-fonts isiru akbar u iktar kuraġġuża, iżda jekk it-test mhuwiex intestatura, m'għandux ikun ġewwa intestatura. Uża l-proprjetajiet tal-font-weight u font-size CSS minflok jekk trid tibdel id-daqs jew il-piż tat-test speċifiku fuq il-paġna tiegħek.
Bl-użu ta 'tikketti HTML li għandhom tifsira, inti toħloq paġni li jagħtu aktar informazzjoni minn sempliċement madwar kollox b'tikketti
.
Liema HTML tags huma Semantic?
Filwaqt li kważi kull tikketta HTML4 u t-tikketti HTML5 kollha għandhom tifsira semantika, xi tags huma primarjament ta 'natura semantika.
Pereżempju, HTML5 iddefinixxiet mill-ġdid it-tifsira tat-tikketti u bħala semantiċi. It-tikketta ma tagħtix importanza żejda, iżda test li normalment jingħata b'tipa grassa. It-tikketta wkoll ma tagħtix importanza jew enfasi żejda, iżda tiddefinixxi t-test li normalment jingħata fil-korsiv.
Tagbiet HTML Semantiċi
Abbrevjazzjoni Akronimu
Kwotazzjoni twila Definizzjoni Indirizz għall-awtur (i) tad-dokument Ċitazzjoni
Referenza tal-kodiċi Test tat-Teletype Diviżjoni loġika Kontenut ġeneriku ta 'l-istil inline Test imħassar Test imdaħħal Enfasi Enfasi qawwija
Titolu tal-ewwel livell
Titolu tat-tieni livell
Titolu tat-tielet livell
Titolu tar-Raba 'Livell
Titolu tal-ħames livell
Titolu tas-Sitt livell
Brejkijiet tematiċi Test li għandu jiddaħħal mill-utent
Test ifformattjat minn qabel
Kwotazzjoni inline qasira Produzzjoni tal-kampjun Subscript Superkritta Test varjabbli jew definit mill-utent