In wichtich begjinsel fan 'e Beweging fan' e Web Standards dy't ferantwurdlik is foar de yndustry dy't wy hjoed hawwe, is it idee om HTML-eleminten te brûken foar wat se earder binne as hoe't se standert yn 'e browser ferskine. Dit is bekend as semantyske HTML.
Wat is semantyske HTML
Semantyske HTML of semantyske markearring is HTML dy't betsjutting betsjut foar de webside, mar net allinich presintaasje. Bygelyks, in
tag jout oan dat de bepalende tekst in paragraaf is.
Dit is sawol semantyk as presintaasje, om't minsken witte wat paragrafen binne en blêders witte hoe't se se sjen.
Op 'e flipkant fan dizze lykbaasje binne tags lykas en net semantysk, om't se allinich fêststelle hoe't de tekst (strak of kursivearje moat) beskôgje en gjin oanfoljende betsjutting foar it markearjen leverje.
Foarbylden fan semantyske HTML-tags binne de headtags
fia , , en . Der binne in soad semantyske HTML-tags dy't brûkt wurde as jo in standert-konforme webside bouwe.
Wêrom soene jo soargje moatte oer semantika
It foardiel fan semantyske HTML skriuwt út dat wat it rydende doel fan alle webside wêze moat - de winsk om te kommunisearjen. Troch it oanmeitsjen fan semantyske kaartsjes nei jo dokumint, jouwe jo ekstra ynformaasje oer dat dokumint, dat helpen yn kommunikaasje. Foaral semantyske tags meitsje it dúdlik foar de browser wat de betsjutting fan in side en har ynhâld is.
Dat dúdlikens wurdt ek kommunisearre mei sykmasines, sadat de rjochte siden levere wurde foar de goede query.
Semantyske HTMLtags jouwe ynformaasje oer de ynhâld fan dy tags dy't pas nei boppen hoe't se op in side sykje. Tekst dat sluten is yn 'e tag wurdt untfongen troch de browser as in soarte fan kodearring taal erkend.
Ynstee fan it besykjen fan dizze koade, begrypt de blêder dat jo dizze tekst brûke as in foarbyld fan 'e koade fan' e doelstellingen fan in artikel of online tutorial fan guon soarten.
Mei semantyske tags kinne jo in soad mear hooks meitsje om jo ynhâld te styl te meitsjen. Miskien hjoed jildt dat jo foarkar hawwe dat jo koadeproblemen sjen litte yn 'e standert blêderstyl, mar moarn wolle jo se mei in griis efterkleur kieze, en letter wolle jo de krekte mono-bepaalde lettertypefamylje of lettertype-stapke bepale om te brûken foar jo samples. Jo kinne alle dingen maklik dwaan troch semantyske markearring en genôch oanwêzige CSS te brûken.
Semantyske tags korrekt brûke
As jo semantyske tags brûke wolle foar it ferstjoeren fan betsjutting as foar foar foarstellings, dan moatte jo derfoar soargje dat jo se net gewoan ienfâldich foar har gewoane display-eigenskippen brûke. Guon fan 'e meast brûkte semantyske tags binne:
- Blockquote - Guon minsken brûke it tag foar yndrukearjende tekst dy't gjin besprutsen is. Dit is om't blokquotes standert binne. As jo gewoanwei foardielen fan yndruk meitsje wolle, mar de tekst is net in blockquote, brûke CSS margen ynstee.
- p - Guon webwurden brûke
& nbsp; (in net brekkende romte yn in paragraf ynfierd) om ekstra romte te meitsjen tusken side-eleminten, ynstee fan 'e echte ôfdielingen foar de tekst fan dizze side. As mei it earder neamde yndrukke foarbyld, moatte jo de eigendom fan 'e marzje of padding brûke om romte te foegjen.
- ul - As blockquote, dy't tekst yn in
tag tafoegje, lit dizze tekst yn 'e measte blêdwizers yndrukke. Dit is sawol semantysk as faluta en ûnjildich HTML, mar allinich - tags binne jildich yn in
tag. Werom, brûke de marzje of padding-styl nei yndrukke tekst.
- h1-h6 - De kaartsjes kinne brûkt wurde om fonjes grutter en koartere te meitsjen, mar as de tekst net in koptekst is, moat it net binnen in koptekst wêze. Brûk de lettertype-gewicht- en lettergrutte CSS-eigenskippen ynstee as jo de grutte of gewicht fan spesifike tekst op jo side wizigje wolle.
Troch gebrûk fan HTML-tags dy't betsjutting hawwe, meitsje jo siden dy't mear ynformaasje ferwiderje as troch allinich alles mei
tags.
Hokker HTML-tags binne semantyske?
Al hast alle HTML4-tag en alle HTML5-tags hawwe in semantyske betsjutting, guon tags wurde primêr semantysk yn 'e natuer.
Foarbylden hat HTML5 de betsjutting fan 'e en -tags definiearre om semantyk te wêzen. De tag jout gjin ekstra wearde, mar leuk text dat typysk yn fett makke wurdt. De tag jout ek gjin ekstra belang of klam oer, mar leaver definieare tekst dy't normaal yn kursussen werjûn wurdt.
Semantyske HTML-tags
Ôfkoarting Akronym
Long quotation Definysje Adres foar skriuwer (s) fan it dokumint Citation Code referinsje Teletype tekst Logyske ôfdieling Generic inline stylcontainer Ofdrukke tekst Ynstelde tekst Klam Sterke klam
Earste nivo haadlinen
Twadde nivo headline
Tredde nivo headline
Fjirde nivo-haadlinen
Fjittich nivo headline
Sechtich nivo headline
Thematic break Tekst om troch de brûker ynfierd wurde
Foarfoarmige tekst
Koarte ynline-petear Sample output Subscriptus Superscript Variable of user defined text
, en . Der binne in soad semantyske HTML-tags dy't brûkt wurde as jo in standert-konforme webside bouwe.
Wêrom soene jo soargje moatte oer semantika
It foardiel fan semantyske HTML skriuwt út dat wat it rydende doel fan alle webside wêze moat - de winsk om te kommunisearjen. Troch it oanmeitsjen fan semantyske kaartsjes nei jo dokumint, jouwe jo ekstra ynformaasje oer dat dokumint, dat helpen yn kommunikaasje. Foaral semantyske tags meitsje it dúdlik foar de browser wat de betsjutting fan in side en har ynhâld is.
Dat dúdlikens wurdt ek kommunisearre mei sykmasines, sadat de rjochte siden levere wurde foar de goede query.
Semantyske HTMLtags jouwe ynformaasje oer de ynhâld fan dy tags dy't pas nei boppen hoe't se op in side sykje. Tekst dat sluten is yn 'e tag wurdt untfongen troch de browser as in soarte fan kodearring taal erkend.
Ynstee fan it besykjen fan dizze koade, begrypt de blêder dat jo dizze tekst brûke as in foarbyld fan 'e koade fan' e doelstellingen fan in artikel of online tutorial fan guon soarten.
Mei semantyske tags kinne jo in soad mear hooks meitsje om jo ynhâld te styl te meitsjen. Miskien hjoed jildt dat jo foarkar hawwe dat jo koadeproblemen sjen litte yn 'e standert blêderstyl, mar moarn wolle jo se mei in griis efterkleur kieze, en letter wolle jo de krekte mono-bepaalde lettertypefamylje of lettertype-stapke bepale om te brûken foar jo samples. Jo kinne alle dingen maklik dwaan troch semantyske markearring en genôch oanwêzige CSS te brûken.
Semantyske tags korrekt brûke
As jo semantyske tags brûke wolle foar it ferstjoeren fan betsjutting as foar foar foarstellings, dan moatte jo derfoar soargje dat jo se net gewoan ienfâldich foar har gewoane display-eigenskippen brûke. Guon fan 'e meast brûkte semantyske tags binne:
- Blockquote - Guon minsken brûke it tag foar yndrukearjende tekst dy't gjin besprutsen is. Dit is om't blokquotes standert binne. As jo gewoanwei foardielen fan yndruk meitsje wolle, mar de tekst is net in blockquote, brûke CSS margen ynstee.
- p - Guon webwurden brûke
& nbsp; (in net brekkende romte yn in paragraf ynfierd) om ekstra romte te meitsjen tusken side-eleminten, ynstee fan 'e echte ôfdielingen foar de tekst fan dizze side. As mei it earder neamde yndrukke foarbyld, moatte jo de eigendom fan 'e marzje of padding brûke om romte te foegjen.
- ul - As blockquote, dy't tekst yn in
tag tafoegje, lit dizze tekst yn 'e measte blêdwizers yndrukke. Dit is sawol semantysk as faluta en ûnjildich HTML, mar allinich - tags binne jildich yn in
tag. Werom, brûke de marzje of padding-styl nei yndrukke tekst.
- h1-h6 - De kaartsjes kinne brûkt wurde om fonjes grutter en koartere te meitsjen, mar as de tekst net in koptekst is, moat it net binnen in koptekst wêze. Brûk de lettertype-gewicht- en lettergrutte CSS-eigenskippen ynstee as jo de grutte of gewicht fan spesifike tekst op jo side wizigje wolle.
Troch gebrûk fan HTML-tags dy't betsjutting hawwe, meitsje jo siden dy't mear ynformaasje ferwiderje as troch allinich alles mei
tags.
Hokker HTML-tags binne semantyske?
Al hast alle HTML4-tag en alle HTML5-tags hawwe in semantyske betsjutting, guon tags wurde primêr semantysk yn 'e natuer.
Foarbylden hat HTML5 de betsjutting fan 'e en -tags definiearre om semantyk te wêzen. De tag jout gjin ekstra wearde, mar leuk text dat typysk yn fett makke wurdt. De tag jout ek gjin ekstra belang of klam oer, mar leaver definieare tekst dy't normaal yn kursussen werjûn wurdt.
Semantyske HTML-tags
Ôfkoarting Akronym
Long quotation Definysje Adres foar skriuwer (s) fan it dokumint Citation Code referinsje Teletype tekst Logyske ôfdieling Generic inline stylcontainer Ofdrukke tekst Ynstelde tekst Klam Sterke klam
Earste nivo haadlinen
Twadde nivo headline
Tredde nivo headline
Fjirde nivo-haadlinen
Fjittich nivo headline
Sechtich nivo headline
Thematic break Tekst om troch de brûker ynfierd wurde
Foarfoarmige tekst
Koarte ynline-petear Sample output Subscriptus Superscript Variable of user defined text