Az egyik címke, amelyet a korai szakaszban megtanul webdesign Az oktatás egy olyan címkepáros, amelyet "hangsúlytagoknak" neveznek. Vessünk egy pillantást arra, hogy mik ezek a címkék, és hogyan használják őket ma a webdesignban.
Vissza az XHTML-hez
Ha évekkel ezelőtt megtanulta a HTML-t, jóval a HTML5, valószínűleg mind a félkövér, mind a dőlt betűt használta. Ahogy az várható volt, ezek a címkék félkövér vagy dőlt betűs szöveggé változtatták az elemeket. Ezekkel a címkékkel az a probléma, és az, hogy miért szorultak félre az új elemek mellett (amelyeket rövidesen megvizsgálunk), az, hogy nem szemantikai elemek. Ezek ugyanis nem a szövegre vonatkozó információkat, hanem a szöveg megjelenésének határozzák meg. Ne feledje, hogy a HTML (ahová ezeket a címkéket írnák) a struktúráról szól, nem a vizuális stílusról! A látványokat kezeli CSS és a webdizájn bevált gyakorlatai már régóta tartják, hogy világosan el kell választani a stílusot és a struktúrát a weboldalakon. Ez azt jelenti, hogy nem használunk elemeket, amelyek nem szemantikusak, és amelyek részletesen néznek ki, nem pedig strukturálódnak. Ezért a merész és
dőlt betűvel a címkéket általában az erős (félkövér) és a hangsúly (a dőlt betű) helyettesíti.és
Az erős és hangsúlyos elemek információt adnak a szövegéhez, részletezve azokat a tartalmakat, amelyeket másként kell kezelni és hangsúlyozni kell, amikor ezt a tartalmat elmondják. Ezeket az elemeket nagyjából ugyanúgy használja, mint korábban a félkövér és a dőlt betűt. Egyszerűen vegye körül a szövegét a nyitó és záró címkékkel ( és a hangsúly és és erőteljes hangsúlyozáshoz) és a mellékelt szöveget hangsúlyozzuk.
Beágyazhatja ezeket a címkéket, és nem mindegy, hogy melyik a külső címke. Íme néhány példa.
Ezt a szöveget hangsúlyozzuk és a legtöbb böngésző dőlt betűvel jelenítené meg.
Ezt a szöveget hangsúlyosan hangsúlyozzuk és a legtöbb böngésző félkövérként jelenítené meg.
Mindkét példában nem diktáljuk a vizuális megjelenést a HTML. Igen, a. Alapértelmezett megjelenése címke dőlt és a merész lenne, de ezek a kinézetek könnyen megváltoztathatók a CSS-ben. Ez mindkét világ legjobbja. Kihasználhatja az alapértelmezett böngészőstílusokat, hogy dőlt vagy félkövér szöveget kapjon a dokumentumban anélkül, hogy valóban átlépné a vonalat, és összekeverné a szerkezetet és a stílust. Mondd, hogy ezt akartad hogy ne csak félkövér legyen, hanem piros is, akkor ezt hozzáadhatja az SCS-hez.
erős {
piros szín;
}
Ebben a példában nem kell hozzáadni egy tulajdonságot a félkövér betűmérethez, mivel ez az alapértelmezett. Ha azonban nem akarja ezt a véletlenre bízni, akkor mindig hozzáadhatja:
erős {
betű súlya: félkövér;
piros szín;
}
Most már minden biztos, hogy garantáltan félkövér (és piros) szövegű oldala lesz bárhol címkét használjuk.
Kettősítsd a hangsúlyt
Egy dolgot észleltünk az év során, hogy mi történik, ha megpróbálja duplázni a hangsúlyt. Például:
Ennek a szövegnek mindkettővel rendelkeznie kell félkövérrel és dőlt betűvel szöveg benne.
Azt gondolhatja, hogy ez a sor olyan területet eredményez, amely félkövér ÉS dőlt betűvel rendelkezik. Néha ez valóban megtörténik, de láthattuk, hogy néhány böngésző csak a két hangsúlystílus közül a másodikat tiszteli meg, azt, amelyik a legközelebb áll a szóban forgó szöveghez, és ezt csak dőlt betűvel jeleníti meg. Ez az egyik oka annak, hogy nem duplázzuk a hangsúlyos címkéket.
A "megkétszereződés" elkerülésének másik oka stilisztikai célú. A hangsúly egy formája általában elegendő a beállítandó hang továbbításához. A szöveg kiemeléséhez nem szükséges félkövér, dőlt betűvel, színezni, nagyítani és aláhúzni a szöveget. Ez a szöveg - mindazok a különféle hangsúlyok - dühössé válnak. Ezért legyen körültekintő, amikor hangsúlyos címkéket vagy CSS-stílusokat használ a hangsúlyozásra, és ne vigye túlzásba.
Megjegyzés félkövér és dőlt betűvel
Egy utolsó gondolat - míg a merész () és dőlt betűvel () címkéket már nem ajánlott hangsúlyelemként használni, vannak olyan webdesignerek, akik ezeket a címkéket használják a szöveg beillesztett területeinek stílusához. Alapvetően úgy használják, mint a elem. Ez azért jó, mert a címkék nagyon rövidek, de ezeknek az elemeknek a használata ily módon általában nem ajánlott. Megemlítjük azt az esetet, ha azt látja, hogy néhány webhelyen nem félkövér vagy dőlt betűs szöveg létrehozására használják, hanem CSS-kampó létrehozására valamilyen más vizuális stílushoz.