Un o egwyddorion pwysig mudiad Safonau'r We sy'n gyfrifol am y diwydiant sydd gennym heddiw yw'r syniad o ddefnyddio elfennau HTML ar gyfer yr hyn y maent yn hytrach na sut y gallant ymddangos yn y porwr yn ddiofyn. Gelwir hyn yn defnyddio Semantic HTML.
Beth yw HTML Semantig
Mae HTML semantig neu farc semantig yn HTML sy'n cyflwyno ystyr i'r dudalen we yn hytrach na dim ond cyflwyniad. Er enghraifft, mae tag
yn nodi bod y testun amgaeedig yn baragraff.
Mae hyn yn un semantig a chyflwyniadol, oherwydd mae pobl yn gwybod pa baragraffau a phorwyr sy'n gwybod sut i'w harddangos.
Ar ochr fflip yr hafaliad hwn, nid yw tagiau fel a yn semantig, oherwydd maen nhw'n diffinio dim ond sut y dylai'r testun edrych (trwm neu italig) ac nid ydynt yn darparu unrhyw ystyr ychwanegol i'r marciad.
Mae enghreifftiau o tagiau HTML semantig yn cynnwys y tagiau pennawd
trwy , , ac . Mae llawer mwy o tagiau HTML semantig y gellir eu defnyddio wrth i chi adeiladu gwefan sy'n cydymffurfio â safonau.
Pam Dylech Ofalu Amdanom Semanteg
Mae manteision ysgrifennu HTML semantig yn deillio o beth ddylai fod yn nod gyrru unrhyw dudalen we - yr awydd i gyfathrebu. Trwy ychwanegu tagiau semantig i'ch dogfen, byddwch yn darparu gwybodaeth ychwanegol am y ddogfen honno, sy'n cymhorthion mewn cyfathrebu. Yn benodol, mae tagiau semantig yn ei gwneud yn glir i'r porwr beth yw ystyr tudalen a'i gynnwys.
Mae'r eglurder hwnnw hefyd yn cael ei gyfathrebu â pheiriannau chwilio, gan sicrhau bod y tudalennau cywir yn cael eu cyflwyno ar gyfer yr ymholiadau cywir.
Mae tagiau HTML semantig yn darparu gwybodaeth am gynnwys y tagiau hynny sy'n mynd y tu hwnt i'r ffordd y maent yn edrych ar dudalen. Caiff y testun sydd wedi'i amgáu yn y tag ei gydnabod ar unwaith gan y porwr fel rhyw fath o iaith godio.
Yn hytrach na cheisio rendro'r cod hwnnw, mae'r porwr yn deall eich bod yn defnyddio'r testun hwnnw fel enghraifft o'r cod at ddibenion erthygl neu diwtorial ar-lein o ryw fath.
Mae defnyddio tagiau semantig yn rhoi llawer mwy o fachau i chi ar gyfer arddull eich cynnwys. Efallai y byddai'n well gennych heddiw ddangos bod eich samplau cod yn cael eu harddangos yn arddull y porwr diofyn, ond yfory, rydych chi am eu galw â lliw cefndir llwyd, ac yn ddiweddarach rydych am ddiffinio'r teulu ffont neu ffont ffont mono-fach yn union i'w ddefnyddio ar gyfer eich samplau. Gallwch chi wneud pob un o'r pethau hyn yn hawdd trwy ddefnyddio marc semantig a CSS cymhwysol.
Defnyddiwch Tagiau Semantig yn gywir
Pan fyddwch chi eisiau defnyddio tagiau semantig i gyfleu ystyr yn hytrach nag at ddibenion cyflwyno, mae angen i chi fod yn ofalus nad ydych yn eu defnyddio yn anghywir yn syml am eu heiddo arddangos cyffredin. Mae rhai o'r tagiau semantig a gamddefnyddir yn fwyaf cyffredin yn cynnwys:
- blockquote - Mae rhai pobl yn defnyddio'r tag
ar
gyfer indenting testun nad yw'n dyfynbris. Y rheswm am hyn yw bod rhwystrau yn cael eu plygu yn ddiofyn. Os ydych chi am syml o fentro, ond nid yw'r testun yn rhwystr, defnyddiwch ymylon CSS yn lle hynny. - p - Mae rhai olygyddion gwe yn defnyddio
& nbsp; p> (lle nad yw'n torri yn y paragraffig) i ychwanegu gofod ychwanegol rhwng elfennau tudalen, yn hytrach na diffinio paragraffau gwirioneddol ar gyfer testun y dudalen honno. Yn yr un modd â'r enghraifft ddentio a nodwyd eisoes, dylech ddefnyddio'r eiddo arddull neu arddull padio i ychwanegu lle.
- ul - Fel blockquote, gan amgáu testun y tu mewn i
tag indent y testun yn y rhan fwyaf o borwyr. Mae hyn yn ddwyieithog yn anghywir ac yn annilys HTML, gan fod tagiau - yn ddilys o fewn tag
. Unwaith eto, defnyddiwch y ffin neu arddull padio i roi testun mewnosod.
- h1-h6 - Gellir defnyddio'r tagiau pennawd i wneud ffontiau'n fwy ac yn gryfach, ond os nad yw'r testun yn bennawd, ni ddylai fod o fewn tag pennawd. Defnyddiwch yr eiddo CSS ffont-bwysau a font-size yn lle hynny os ydych am newid maint neu bwysau testun penodol ar eich tudalen ..
Trwy ddefnyddio tagiau HTML sydd ag ystyr, byddwch yn creu tudalennau sy'n rhoi mwy o wybodaeth na thrwy gyfuno popeth â tagiau
.
Pa Tags DIWEDDARAF?
Er bod gan bob tag HTML4 a phob tag HTML5 ystyr semantig, mae rhai tagiau yn bennaf yn semantig yn eu natur.
Er enghraifft, mae HTML5 wedi ailddiffinio ystyr y tagiau a i fod yn semantig. Nid yw'r tag yn cyfleu pwysigrwydd ychwanegol, ond yn hytrach testun sy'n cael ei rendro mewn print trwm. Nid yw'r tag hefyd yn cyfleu pwysigrwydd neu bwyslais ychwanegol, ond yn hytrach yn diffinio testun a roddir fel arfer mewn llythrennau italig.
Tagiau HTML Semantig
Byrfodd Acronym
Dyfynbris hir Diffiniad Cyfeiriad ar gyfer awdur (au) y ddogfen Enwi Cyfeirnod cod Teletype testun Rhaniad rhesymegol Cynhwysydd arddull mewnline generig Dileu testun Mewnosod testun Pwyslais Pwyslais cryf
Pennawd lefel gyntaf
Pennawd ail lefel
Pennawd trydydd lefel
Pennawd pedwerydd lefel
Pennawd Pumed Lefel
Pennawd chweched lefel
Seibiant thematig Y testun i'w roi gan y defnyddiwr Testun wedi'i fformatio ymlaen llaw
Dyfynbris inline byr Allbwn sampl Tanysgrifiad Superscript Testun amrywiol neu ddefnyddiwr wedi'i ddiffinio
, ac . Mae llawer mwy o tagiau HTML semantig y gellir eu defnyddio wrth i chi adeiladu gwefan sy'n cydymffurfio â safonau.
Pam Dylech Ofalu Amdanom Semanteg
Mae manteision ysgrifennu HTML semantig yn deillio o beth ddylai fod yn nod gyrru unrhyw dudalen we - yr awydd i gyfathrebu. Trwy ychwanegu tagiau semantig i'ch dogfen, byddwch yn darparu gwybodaeth ychwanegol am y ddogfen honno, sy'n cymhorthion mewn cyfathrebu. Yn benodol, mae tagiau semantig yn ei gwneud yn glir i'r porwr beth yw ystyr tudalen a'i gynnwys.
Mae'r eglurder hwnnw hefyd yn cael ei gyfathrebu â pheiriannau chwilio, gan sicrhau bod y tudalennau cywir yn cael eu cyflwyno ar gyfer yr ymholiadau cywir.
Mae tagiau HTML semantig yn darparu gwybodaeth am gynnwys y tagiau hynny sy'n mynd y tu hwnt i'r ffordd y maent yn edrych ar dudalen. Caiff y testun sydd wedi'i amgáu yn y tag ei gydnabod ar unwaith gan y porwr fel rhyw fath o iaith godio.
Yn hytrach na cheisio rendro'r cod hwnnw, mae'r porwr yn deall eich bod yn defnyddio'r testun hwnnw fel enghraifft o'r cod at ddibenion erthygl neu diwtorial ar-lein o ryw fath.
Mae defnyddio tagiau semantig yn rhoi llawer mwy o fachau i chi ar gyfer arddull eich cynnwys. Efallai y byddai'n well gennych heddiw ddangos bod eich samplau cod yn cael eu harddangos yn arddull y porwr diofyn, ond yfory, rydych chi am eu galw â lliw cefndir llwyd, ac yn ddiweddarach rydych am ddiffinio'r teulu ffont neu ffont ffont mono-fach yn union i'w ddefnyddio ar gyfer eich samplau. Gallwch chi wneud pob un o'r pethau hyn yn hawdd trwy ddefnyddio marc semantig a CSS cymhwysol.
Defnyddiwch Tagiau Semantig yn gywir
Pan fyddwch chi eisiau defnyddio tagiau semantig i gyfleu ystyr yn hytrach nag at ddibenion cyflwyno, mae angen i chi fod yn ofalus nad ydych yn eu defnyddio yn anghywir yn syml am eu heiddo arddangos cyffredin. Mae rhai o'r tagiau semantig a gamddefnyddir yn fwyaf cyffredin yn cynnwys:
- blockquote - Mae rhai pobl yn defnyddio'r tag
ar
gyfer indenting testun nad yw'n dyfynbris. Y rheswm am hyn yw bod rhwystrau yn cael eu plygu yn ddiofyn. Os ydych chi am syml o fentro, ond nid yw'r testun yn rhwystr, defnyddiwch ymylon CSS yn lle hynny. - p - Mae rhai olygyddion gwe yn defnyddio
& nbsp; p> (lle nad yw'n torri yn y paragraffig) i ychwanegu gofod ychwanegol rhwng elfennau tudalen, yn hytrach na diffinio paragraffau gwirioneddol ar gyfer testun y dudalen honno. Yn yr un modd â'r enghraifft ddentio a nodwyd eisoes, dylech ddefnyddio'r eiddo arddull neu arddull padio i ychwanegu lle.
- ul - Fel blockquote, gan amgáu testun y tu mewn i
tag indent y testun yn y rhan fwyaf o borwyr. Mae hyn yn ddwyieithog yn anghywir ac yn annilys HTML, gan fod tagiau - yn ddilys o fewn tag
. Unwaith eto, defnyddiwch y ffin neu arddull padio i roi testun mewnosod.
- h1-h6 - Gellir defnyddio'r tagiau pennawd i wneud ffontiau'n fwy ac yn gryfach, ond os nad yw'r testun yn bennawd, ni ddylai fod o fewn tag pennawd. Defnyddiwch yr eiddo CSS ffont-bwysau a font-size yn lle hynny os ydych am newid maint neu bwysau testun penodol ar eich tudalen ..
Trwy ddefnyddio tagiau HTML sydd ag ystyr, byddwch yn creu tudalennau sy'n rhoi mwy o wybodaeth na thrwy gyfuno popeth â tagiau
.
Pa Tags DIWEDDARAF?
Er bod gan bob tag HTML4 a phob tag HTML5 ystyr semantig, mae rhai tagiau yn bennaf yn semantig yn eu natur.
Er enghraifft, mae HTML5 wedi ailddiffinio ystyr y tagiau a i fod yn semantig. Nid yw'r tag yn cyfleu pwysigrwydd ychwanegol, ond yn hytrach testun sy'n cael ei rendro mewn print trwm. Nid yw'r tag hefyd yn cyfleu pwysigrwydd neu bwyslais ychwanegol, ond yn hytrach yn diffinio testun a roddir fel arfer mewn llythrennau italig.
Tagiau HTML Semantig
Byrfodd Acronym
Dyfynbris hir Diffiniad Cyfeiriad ar gyfer awdur (au) y ddogfen Enwi Cyfeirnod cod Teletype testun Rhaniad rhesymegol Cynhwysydd arddull mewnline generig Dileu testun Mewnosod testun Pwyslais Pwyslais cryf
Pennawd lefel gyntaf
Pennawd ail lefel
Pennawd trydydd lefel
Pennawd pedwerydd lefel
Pennawd Pumed Lefel
Pennawd chweched lefel
Seibiant thematig Y testun i'w roi gan y defnyddiwr Testun wedi'i fformatio ymlaen llaw
Dyfynbris inline byr Allbwn sampl Tanysgrifiad Superscript Testun amrywiol neu ddefnyddiwr wedi'i ddiffinio