Ib txoj hauv paus ntsiab lus ntawm qhov Web Standards zog uas yog lub luag hauj lwm rau kev lag luam peb muaj hnub no yog lub tswv yim ntawm kev siv cov ntsiab lus HTML rau qhov lawv tsis yog qhov lawv tshwm sim hauv qhov browser los ntawm kev pom tseeb. Qhov no yog hu ua Semantic HTML.
Dab tsi yog Semantic HTML
Semantic HTML lossis semantic markup yog HTML uas qhia txog lub ntsiab lus rau ntawm nplooj ntawv web es tsis yog kev nthuav qhia xwb. Piv txwv, tus
lossis puav tau hais tias cov ntawv nyeem yog ib pawg.
Qhov no yog qhov tseem ceeb thiab kev nthuav qhia, vim hais tias tib neeg paub tias cov nqe twg yog cov twg thiab cov browsers paub ua li cas los tso saib.
Nyob rau ntawm qhov sib npaug ntawm no qhov zauv, cov cim li thiab tsis yog qhov tseem ceeb, vim hais tias lawv tsuas txhais li cas cov ntawv yuav tsum tau saib (bold los yog italic) thiab tsis muab cov ntsiab lus ntxiv rau qhov cim sau npe.
Piv txwv ntawm semantic HTML cov ntsiab lus muaj xws li cov ntawv cim npe
los ntawm , , thiab . Muaj ntau ntau cov cim npe semantic HTML uas siv tau thaum koj tsim ib lub website raws cov qauv.
Vim Li Cas Koj Yuav Tsum Saib Txog Semantics
Cov txiaj ntsim ntawm kev sau cov cim Semantic HTML los ntawm qhov yuav tsum yog lub hom phiaj ntawm cov nplooj ntawv web-lub siab xav sib txuas lus. Los ntawm kev ntxiv cov cim npe ntawm semantic rau koj daim ntawv, koj muab cov lus qhia ntxiv txog daim ntawv ntawd, uas pab rau kev sib txuas lus. Tshwj xeeb, cov cim npe ntawm cov ntsiab lus tseem ceeb rau qhov browser lub ntsiab lus ntawm cov nplooj ntawv thiab cov ntsiab lus yog.
Qhov clarity no kuj muaj kev sib txuas nrog kev tshawb fawb xyaw, kom ntseeg tau tias cov nplooj ntawv yog muab rau cov kev queries zoo.
Semantic HTML tags muab cov lus qhia txog cov ntsiab lus ntawm cov ntawv cim npe uas dhau mus li cas lawv saib rau ntawm nplooj ntawv. Cov ntawv sau rau hauv tag yog tam sim ntawv lees paub los ntawm qhov browser ua qee hom hom coding.
Tsis txhob sim ua kom tau qhov chaws ntawd, tus browser nkag siab tias koj siv cov ntawv nyeem ntawd ua piv txwv ntawm cov cai rau cov laj thawj ntawm ib tsab xov xwm los yog kev qhia hauv online ntawm qee yam.
Siv cov cim tseem ceeb ua rau koj muaj ntau hom hooks rau koj cov ntsiab lus. Tej zaum hnub no koj xav kom muaj koj cov cai kuaj pom nyob rau hauv lub neej ntawd browser style, tab sis tag kis, koj xav hu lawv tawm nrog rau xim tom qab xim, thiab tom qab koj xav kom txheeb xyuas lub ntsiab lus ncaj nraim ntawm cov tsev neeg los sis font koj cov qauv. Koj tuaj yeem ua tau txhua yam ntawm no los ntawm kev siv semantic markup thiab smartly thov CSS.
Siv Semantic Cov Lus Cog Tseg
Thaum koj xav siv cov cim npe ntawm cov ntsiab lus tseem ceeb los qhia cov ntsiab lus tsis yog rau qhov kev nthuav qhia, koj yuav tsum tau ceev faj tias koj tsis siv lawv cov khoom tsis zoo rau lawv. Qee cov cim npe semantic feem ntau yog:
- blockquote - qee cov neeg siv lossis rau cov ntawv nyeem uas tsis yog cov lus hais. Qhov no yog vim blockquotes yog indented los ntawm neej ntawd. Yog tias koj tsuas xav tau cov txiaj ntsig ntawm qhov kev qis, tab sis cov ntawv nyeem tsis yog ib qho blockquote, siv CSS margins xwb.
- p - Tej cov web site editors siv
& nbsp; p> (qhov chaw uas tsis yog kev txhaum uas muaj nyob hauv lub cev tsis muaj zog) ntxiv qhov chaw ntawm nplooj ntawv, tsis yog txhais cov ntsiab lus rau cov ntawv nyeem ntawm cov nplooj ntawv ntawd. Xws li cov lus piv txwv uas tau hais ua ntej, koj yuav tsum siv cov cuab yeej paj ntim lossis padding style ntxiv rau qhov chaw.
- ul - Zoo li blockquote, enclosing ntawv hauv lub
tag indents cov ntawv nyeem nyob rau hauv feem ntau cov browsers. Qhov no yog ob qho tib si tsis muaj tseeb thiab tsis muaj tseeb HTML, tsuas yog - cov cim npe yog siv tau hauv
lossis. Rov ua dua, siv cov paj tau paj los yog padding rau cov ntawv nyeem.
- h1-h6 - Cov cim npe yuav siv tau los ua kom cov ntawv loj dua thiab zoo nkauj, tab sis yog tias cov ntawv nyeem tsis yog hais txog, nws yuav tsum tsis txhob nkag sab hauv. Siv font-luj thiab font-loj CSS zog yog tias koj xav hloov pauv lossis nyhav ntawm cov ntawv sau rau ntawm koj nplooj ntawv.
Los ntawm siv HTML cov ntawv cim npe uas muaj lub ntsiab lus, koj tsim cov nplooj ntawv uas qhia ntau tshaj qhov uas tsuas yog txhua yam nrog
tags.
Cov HTML cim twg yog Semantic?
Hos ze li txhua HTML4 tag thiab tag nrho cov HTML5 cov cim npe muaj lub ntsiab lus tseem ceeb, qee cov cim npe yog qhov tseem ceeb tshaj plaws.
Piv txwv, HTML5 tau muab kho lub ntsiab lus ntawm thiab cim npe los ua qhov tseem ceeb. lossis tsis sau ntxiv qhov tseem ceeb, tab sis theej ntawv uas feem ntau tau muab tso rau hauv ntawv kos. lossis tsis tseem ceeb ntxiv los yog tseem ceeb, tab sis theej txhais cov ntawv nyeem uas feem ntau raug rau hauv italics.
Semantic HTML cim npe
Tsab ntawv Acronym
Ntev lus ntev Txhais Chaw nyob rau tus neeg sau ntawv (s) ntawm daim ntawv Citation
Code siv Teletype ntawv nyeem Luag faib Generic inline style thawv Cov ntawv sau Ntxig lus Tsom Muaj zog ntau
Thawj theem pib
Cov theem ob-theem
Daim duab peb theem
Theem plaub hau
Tsib tsib theem xov xwm
Thib rau theem pib
Thematic so Cov ntawv sau nkag los ntawm tus neeg siv Ua ntej ntawv nyeem
Luv inline ntawv Qauv zis Subscript Superscript Kuj tsis paub meej los sis neeg txhais cov ntawv nyeem
, thiab . Muaj ntau ntau cov cim npe semantic HTML uas siv tau thaum koj tsim ib lub website raws cov qauv.
Vim Li Cas Koj Yuav Tsum Saib Txog Semantics
Cov txiaj ntsim ntawm kev sau cov cim Semantic HTML los ntawm qhov yuav tsum yog lub hom phiaj ntawm cov nplooj ntawv web-lub siab xav sib txuas lus. Los ntawm kev ntxiv cov cim npe ntawm semantic rau koj daim ntawv, koj muab cov lus qhia ntxiv txog daim ntawv ntawd, uas pab rau kev sib txuas lus. Tshwj xeeb, cov cim npe ntawm cov ntsiab lus tseem ceeb rau qhov browser lub ntsiab lus ntawm cov nplooj ntawv thiab cov ntsiab lus yog.
Qhov clarity no kuj muaj kev sib txuas nrog kev tshawb fawb xyaw, kom ntseeg tau tias cov nplooj ntawv yog muab rau cov kev queries zoo.
Semantic HTML tags muab cov lus qhia txog cov ntsiab lus ntawm cov ntawv cim npe uas dhau mus li cas lawv saib rau ntawm nplooj ntawv. Cov ntawv sau rau hauv tag yog tam sim ntawv lees paub los ntawm qhov browser ua qee hom hom coding.
Tsis txhob sim ua kom tau qhov chaws ntawd, tus browser nkag siab tias koj siv cov ntawv nyeem ntawd ua piv txwv ntawm cov cai rau cov laj thawj ntawm ib tsab xov xwm los yog kev qhia hauv online ntawm qee yam.
Siv cov cim tseem ceeb ua rau koj muaj ntau hom hooks rau koj cov ntsiab lus. Tej zaum hnub no koj xav kom muaj koj cov cai kuaj pom nyob rau hauv lub neej ntawd browser style, tab sis tag kis, koj xav hu lawv tawm nrog rau xim tom qab xim, thiab tom qab koj xav kom txheeb xyuas lub ntsiab lus ncaj nraim ntawm cov tsev neeg los sis font koj cov qauv. Koj tuaj yeem ua tau txhua yam ntawm no los ntawm kev siv semantic markup thiab smartly thov CSS.
Siv Semantic Cov Lus Cog Tseg
Thaum koj xav siv cov cim npe ntawm cov ntsiab lus tseem ceeb los qhia cov ntsiab lus tsis yog rau qhov kev nthuav qhia, koj yuav tsum tau ceev faj tias koj tsis siv lawv cov khoom tsis zoo rau lawv. Qee cov cim npe semantic feem ntau yog:
- blockquote - qee cov neeg siv lossis rau cov ntawv nyeem uas tsis yog cov lus hais. Qhov no yog vim blockquotes yog indented los ntawm neej ntawd. Yog tias koj tsuas xav tau cov txiaj ntsig ntawm qhov kev qis, tab sis cov ntawv nyeem tsis yog ib qho blockquote, siv CSS margins xwb.
- p - Tej cov web site editors siv
& nbsp; p> (qhov chaw uas tsis yog kev txhaum uas muaj nyob hauv lub cev tsis muaj zog) ntxiv qhov chaw ntawm nplooj ntawv, tsis yog txhais cov ntsiab lus rau cov ntawv nyeem ntawm cov nplooj ntawv ntawd. Xws li cov lus piv txwv uas tau hais ua ntej, koj yuav tsum siv cov cuab yeej paj ntim lossis padding style ntxiv rau qhov chaw.
- ul - Zoo li blockquote, enclosing ntawv hauv lub
tag indents cov ntawv nyeem nyob rau hauv feem ntau cov browsers. Qhov no yog ob qho tib si tsis muaj tseeb thiab tsis muaj tseeb HTML, tsuas yog - cov cim npe yog siv tau hauv
lossis. Rov ua dua, siv cov paj tau paj los yog padding rau cov ntawv nyeem.
- h1-h6 - Cov cim npe yuav siv tau los ua kom cov ntawv loj dua thiab zoo nkauj, tab sis yog tias cov ntawv nyeem tsis yog hais txog, nws yuav tsum tsis txhob nkag sab hauv. Siv font-luj thiab font-loj CSS zog yog tias koj xav hloov pauv lossis nyhav ntawm cov ntawv sau rau ntawm koj nplooj ntawv.
Los ntawm siv HTML cov ntawv cim npe uas muaj lub ntsiab lus, koj tsim cov nplooj ntawv uas qhia ntau tshaj qhov uas tsuas yog txhua yam nrog
tags.
Cov HTML cim twg yog Semantic?
Hos ze li txhua HTML4 tag thiab tag nrho cov HTML5 cov cim npe muaj lub ntsiab lus tseem ceeb, qee cov cim npe yog qhov tseem ceeb tshaj plaws.
Piv txwv, HTML5 tau muab kho lub ntsiab lus ntawm thiab cim npe los ua qhov tseem ceeb. lossis tsis sau ntxiv qhov tseem ceeb, tab sis theej ntawv uas feem ntau tau muab tso rau hauv ntawv kos. lossis tsis tseem ceeb ntxiv los yog tseem ceeb, tab sis theej txhais cov ntawv nyeem uas feem ntau raug rau hauv italics.
Semantic HTML cim npe
Tsab ntawv Acronym
Ntev lus ntev Txhais Chaw nyob rau tus neeg sau ntawv (s) ntawm daim ntawv Citation
Code siv Teletype ntawv nyeem Luag faib Generic inline style thawv Cov ntawv sau Ntxig lus Tsom Muaj zog ntau
Thawj theem pib
Cov theem ob-theem
Daim duab peb theem
Theem plaub hau
Tsib tsib theem xov xwm
Thib rau theem pib
Thematic so Cov ntawv sau nkag los ntawm tus neeg siv Ua ntej ntawv nyeem
Luv inline ntawv Qauv zis Subscript Superscript Kuj tsis paub meej los sis neeg txhais cov ntawv nyeem