Yon prensip enpòtan nan mouvman wèb nòmal ki responsab pou endistri a nou genyen jodi a se lide pou itilize eleman HTML pou sa yo ye olye ke yo ka parèt nan navigatè a pa default. Sa a se ke yo rekonèt kòm lè l sèvi avèk semantik HTML.
Ki sa ki semantik HTML
Semantik HTML oswa semantik markeup se HTML ki entwodui siyifikasyon nan paj wèb la olye ke prezantasyon jis. Pou egzanp, yon
tag endike ke tèks ki nan anvlòp la se yon paragraf.
Sa a se tou de semantik ak prezantasyon, paske moun konnen ki paragraf yo ak navigatè konnen ki jan yo montre yo.
Sou bò baskile sa a ekwasyon, Tags tankou ak pa semantik, paske yo defini sèlman ki jan tèks la ta dwe gade (fonse oswa italik) epi yo pa bay okenn siyifikasyon adisyonèl nan markeup la.
Men kèk egzanp sou semantik tags HTML genyen ladan yo Tags yo
jiska , , ak . Gen anpil plis semantik HTML Tags ki ka itilize jan ou bati yon sit entènèt estanda-konfòme.
Poukisa ou ta dwe pran swen sou Semantics
Benefis nan ekri semantik HTML tij soti nan sa ki ta dwe objektif la kondwi nan nenpòt paj entènèt - dezi a kominike. Lè ou ajoute Tags semantik nan dokiman ou, ou bay plis enfòmasyon sou dokiman sa a, ki ede nan kominikasyon. Espesyalman, tags semantik fè li klè nan navigatè a ki sa siyifikasyon nan yon paj ak kontni li se.
Sa klè tou kominike avèk motè rechèch, asire ke paj yo dwa yo delivre pou demann yo dwa.
Semantik HTML Tags bay enfòmasyon sou sa ki nan sa yo Tags ki ale pi lwen pase jis ki jan yo gade sou yon paj. Tèks ki fèmen nan tag la rekonèt imedyatman pa navigatè a kòm kèk kalite lang kodaj.
Olye pou yo eseye rann kòd sa a, navigatè a konprann ke w ap itilize tèks sa a kòm yon egzanp nan kòd la pou rezon ki nan yon atik oswa tutorial sou entènèt nan kèk kalite.
Lè l sèvi avèk Tags semantik ba ou anpil plis Kwòk pou manier kontni ou. Petèt jodi a ou pito gen echantiyon kòd ou a montre nan style la navigatè default, men demen, ou vle rele yo soti ak yon koulè background gri, epi pita ou vle defini fanmi an presi mono-espas orizontal oswa font chemine pou itilize pou echantiyon ou yo. Ou ka fasilman fè tout bagay sa yo lè ou itilize semantik markup ak smartly aplike CSS.
Sèvi ak Tags Semantik Kòrèkteman
Lè ou vle sèvi ak tags semantik transmèt siyifikasyon olye ke pou prezantasyon rezon, ou bezwen dwe fè atansyon ke ou pa sèvi ak yo mal tou senpleman pou pwopriyete ekspozisyon komen yo. Gen kèk nan tags yo itilize souvan semantik ki mal itilize:
- Blockquote - Gen kèk moun ki itilize tag pou tèks ententan ki pa yon sitasyon. Sa a se paske blockquotes yo se regrete pa default. Si ou tou senpleman vle benefis nan endentasyon, men tèks la se pa yon blokquote, sèvi ak CSS marges olye.
- p - Gen kèk editè entènèt itilize
(yon espas ki pa kraze nan yon paragraf) pou ajoute espas siplemantè ant eleman paj, olye ke defini paragraf reyèl pou tèks la nan paj sa a. Menm jan ak egzanp lan mansyone deja mansyone, ou ta dwe itilize maj la magazen oswa abri style pwopriyete yo ajoute espas.
- UL - Tankou blokquote, jwen tèks anndan yon
tag entansyon ki tèks nan pi navigatè. Sa a se tou de semantikman kòrèk epi envalid HTML, kòm sèlman - Tags yo valab nan yon tag
. Ankò, sèvi ak maj la oswa style padding tèks imid.
- h1-h6 - Tags yo ka itilize yo fè polis pi gwo ak odasyeu, men si tèks la se pa yon tit, li pa ta dwe andedan yon tag tit. Sèvi ak font-pwa ak font-gwosè CSS pwopriyete yo olye pou si ou vle chanje gwosè a oswa pwa tèks espesifik sou paj ou ..
Lè l sèvi avèk HTML Tags ki gen sans, ou kreye paj ki bay plis enfòmasyon pase pa jis antoure tout bagay ak
Tags.
Ki HTML Tags Semantik?
Pandan ke prèske chak HTML4 tag ak tout tags yo HTML5 gen yon siyifikasyon semantik, gen kèk Tags yo se prensipalman semantik nan lanati.
Pou egzanp, HTML5 te redéfinir siyifikasyon an nan ak Tags yo dwe semantik. tag pa transmèt enpòtans siplemantè, men olye tèks ki tipikman rann nan fonse. Tag nan tou pa transmèt enpòtans siplemantè oswa anfaz, men pito defini tèks ki tipikman rann nan italik.
Semantik HTML Tags
Abreviyasyon Akwonim
Long sitasyon Definisyon Adrès pou otè (yo) nan dokiman an Sitasyon Kòd referans Teletip tèks Lojik divizyon Jenerik inline style veso Efase tèks Insert tèks Anfaz Bonjan anfaz
Premye nivo tit
Dezyèm nivo tit
Twazyèm nivo tit
Katriyèm nivo tit
Senkyèm nivo tit
Sizyèm-nivo tit
Komen tèmik Tèks yo dwe antre nan itilizatè a
Pre-fòma tèks
Kout inline sitasyon Egzanp pwodiksyon Abònman Siperyè Varyab oswa itilizatè defini tèks
, ak . Gen anpil plis semantik HTML Tags ki ka itilize jan ou bati yon sit entènèt estanda-konfòme.
Poukisa ou ta dwe pran swen sou Semantics
Benefis nan ekri semantik HTML tij soti nan sa ki ta dwe objektif la kondwi nan nenpòt paj entènèt - dezi a kominike. Lè ou ajoute Tags semantik nan dokiman ou, ou bay plis enfòmasyon sou dokiman sa a, ki ede nan kominikasyon. Espesyalman, tags semantik fè li klè nan navigatè a ki sa siyifikasyon nan yon paj ak kontni li se.
Sa klè tou kominike avèk motè rechèch, asire ke paj yo dwa yo delivre pou demann yo dwa.
Semantik HTML Tags bay enfòmasyon sou sa ki nan sa yo Tags ki ale pi lwen pase jis ki jan yo gade sou yon paj. Tèks ki fèmen nan tag la rekonèt imedyatman pa navigatè a kòm kèk kalite lang kodaj.
Olye pou yo eseye rann kòd sa a, navigatè a konprann ke w ap itilize tèks sa a kòm yon egzanp nan kòd la pou rezon ki nan yon atik oswa tutorial sou entènèt nan kèk kalite.
Lè l sèvi avèk Tags semantik ba ou anpil plis Kwòk pou manier kontni ou. Petèt jodi a ou pito gen echantiyon kòd ou a montre nan style la navigatè default, men demen, ou vle rele yo soti ak yon koulè background gri, epi pita ou vle defini fanmi an presi mono-espas orizontal oswa font chemine pou itilize pou echantiyon ou yo. Ou ka fasilman fè tout bagay sa yo lè ou itilize semantik markup ak smartly aplike CSS.
Sèvi ak Tags Semantik Kòrèkteman
Lè ou vle sèvi ak tags semantik transmèt siyifikasyon olye ke pou prezantasyon rezon, ou bezwen dwe fè atansyon ke ou pa sèvi ak yo mal tou senpleman pou pwopriyete ekspozisyon komen yo. Gen kèk nan tags yo itilize souvan semantik ki mal itilize:
- Blockquote - Gen kèk moun ki itilize tag pou tèks ententan ki pa yon sitasyon. Sa a se paske blockquotes yo se regrete pa default. Si ou tou senpleman vle benefis nan endentasyon, men tèks la se pa yon blokquote, sèvi ak CSS marges olye.
- p - Gen kèk editè entènèt itilize
(yon espas ki pa kraze nan yon paragraf) pou ajoute espas siplemantè ant eleman paj, olye ke defini paragraf reyèl pou tèks la nan paj sa a. Menm jan ak egzanp lan mansyone deja mansyone, ou ta dwe itilize maj la magazen oswa abri style pwopriyete yo ajoute espas.
- UL - Tankou blokquote, jwen tèks anndan yon
tag entansyon ki tèks nan pi navigatè. Sa a se tou de semantikman kòrèk epi envalid HTML, kòm sèlman - Tags yo valab nan yon tag
. Ankò, sèvi ak maj la oswa style padding tèks imid.
- h1-h6 - Tags yo ka itilize yo fè polis pi gwo ak odasyeu, men si tèks la se pa yon tit, li pa ta dwe andedan yon tag tit. Sèvi ak font-pwa ak font-gwosè CSS pwopriyete yo olye pou si ou vle chanje gwosè a oswa pwa tèks espesifik sou paj ou ..
Lè l sèvi avèk HTML Tags ki gen sans, ou kreye paj ki bay plis enfòmasyon pase pa jis antoure tout bagay ak
Tags.
Ki HTML Tags Semantik?
Pandan ke prèske chak HTML4 tag ak tout tags yo HTML5 gen yon siyifikasyon semantik, gen kèk Tags yo se prensipalman semantik nan lanati.
Pou egzanp, HTML5 te redéfinir siyifikasyon an nan ak Tags yo dwe semantik. tag pa transmèt enpòtans siplemantè, men olye tèks ki tipikman rann nan fonse. Tag nan tou pa transmèt enpòtans siplemantè oswa anfaz, men pito defini tèks ki tipikman rann nan italik.
Semantik HTML Tags
Abreviyasyon Akwonim
Long sitasyon Definisyon Adrès pou otè (yo) nan dokiman an Sitasyon Kòd referans Teletip tèks Lojik divizyon Jenerik inline style veso Efase tèks Insert tèks Anfaz Bonjan anfaz
Premye nivo tit
Dezyèm nivo tit
Twazyèm nivo tit
Katriyèm nivo tit
Senkyèm nivo tit
Sizyèm-nivo tit
Komen tèmik Tèks yo dwe antre nan itilizatè a
Pre-fòma tèks
Kout inline sitasyon Egzanp pwodiksyon Abònman Siperyè Varyab oswa itilizatè defini tèks