Een van die etikette wat jy vroeg in jou webontwerponderrig sal leer, is 'n paar tags wat bekend staan as die "klemmerke". Kom ons kyk wat hierdie etikette is en hoe dit vandag in webontwerp gebruik word.
Terug na XHTML
As jy HTML jaar gelede geleer het, goed voor die opkoms van HTML5, het jy waarskynlik al die vet en kursiewe tags gebruik. Soos u sou verwag, het hierdie etikette omskep elemente in vetdruk of kursiefteks onderskeidelik. Die probleem met hierdie etikette en waarom hulle opsy gesit is ten gunste van nuwe elemente (wat ons binnekort sal sien) is dat hulle nie semantiese elemente is nie. Dit is omdat hulle definieer hoe die teks eerder moet lyk as inligting oor die teks. Onthou, HTML (dit is waar hierdie etikette geskryf sal word) gaan alles oor struktuur, nie visuele styl nie! Visuale word deur CSS hanteer en webdesign beste praktyke het lank gedink dat jy 'n duidelike skeiding van styl en struktuur in jou webblaaie moet hê. Dit beteken nie die gebruik van elemente wat nie-semanties is en watter detail eerder as struktuur lyk. Daarom is die vet en kursiewe etikette oor die algemeen vervang deur sterk (vir vet) en klem (vir kursief).
& Lt; strong & gt; en
Die sterk en klem elemente voeg inligting by jou teks, wat inhoud bevat wat anders behandel moet word en beklemtoon word wanneer daardie inhoud gepraat word. U gebruik hierdie elemente op dieselfde manier as wat u in die verlede vet en kursief sou gebruik. Omring jou teks met die openings- en sluitingsetikette ( en vir klem en en vir sterk klem) en die ingeslote teks sal beklemtoon word.
U kan hierdie etikette nes en dit maak nie saak wat die eksterne merker is nie. Hier is 'n paar voorbeelde.
Hierdie teks word beklemtoon en die meeste blaaiers sal dit as kursief vertoon. Hierdie teks word sterk beklemtoon en die meeste blaaiers sal dit as vetdruk vertoon.In albei hierdie voorbeelde dikteer ons nie visuele voorkoms met die HTML nie. Ja, die verstekvoorkoms van die -tag sal kursief wees en die sal vet wees, maar dit kan maklik verander word in CSS. Dit is die beste van beide wêrelde. U kan die standaard blaaierstyle gebruik om kursief of vet teks in u dokument te kry sonder om die reël te oorskry en die struktuur en styl te meng. Sê jy wou hê dat teks nie net vet wees nie, maar om ook rooi te wees, kan jy dit by die CSS voeg
sterk {
kleur: rooi;
}
In hierdie voorbeeld hoef jy nie 'n eiendom vir die vetdruk-gewig by te voeg nie, aangesien dit die verstek is. As jy dit egter nie toevallig wil los nie, kan jy dit altyd byvoeg:
sterk {
font-weight: bold;
kleur: rooi;
}
Nou sal jy net gewaarborg wees om 'n bladsy met vet (en rooi) teks te hê waar die tag gebruik word.
Dubbel op die klem
Een ding wat ek in die loop van die jaar opgemerk het, is wat gebeur as jy op die klem probeer verdubbel. Byvoorbeeld:
Hierdie teks moet beide vetdruk en kursief bevat.Jy sal dink dat hierdie reël 'n gebied met teks wat vet en kursief is, sal produseer. Soms gebeur dit wel, maar ek het gesien dat sommige blaaiers slegs die tweede van die twee klemstyle eerbiedig, die een naaste aan die werklike teks in die vraag, en wys dit slegs as kursief. Dit is een van die redes waarom ek nie op klemmerke val nie.
Nog 'n rede om hierdie "verdubbeling" te vermy, is vir stilistiese doeleindes. Een vorm van klem as dit gewoonlik genoeg is om die toon wat jy wil stel oor te dra. Jy hoef nie vetdruk, kursief, kleur, vergroot en onderstreep teks om dit uit te steek nie. Daardie teks, sal al die verskillende soorte klem val Wees dus versigtig wanneer u klemmerke of CSS-style gebruik om klem te gee en oordoen dit nie.
'N Nota op vet en kursief
Een laaste gedagte - terwyl die vetgedrukte () en kursiewe () -kaarte nie meer aanbeveel word om as klemelemente gebruik te word nie, is daar 'n paar webontwerpers wat hierdie etikette gebruik om inlyn-areas van teks te styl. Basies, hulle gebruik dit soos 'n element. Dit is lekker omdat die etikette baie kort is, maar die gebruik van hierdie elemente op hierdie manier word gewoonlik nie aanbeveel nie. Ek noem in indien u dit sien daar op sommige webwerwe wat gebruik word om nie vet of kursiewe teks te skep nie, maar om 'n CSS-haak vir 'n ander soort visuele stilering te skep.
Oorspronklike artikel deur Jennifer Krynin. Geredigeer deur Jeremy Girard op 12/2/16.