HTML Emphasis Schlësselen

Eng vun de Variatiounen, déi Dir fréizäiteg an der Webséirung erliewt, ass e Paar Tags déi als "Schweregängë" bekannt sinn. Loosst eis e Bléck no kucken, wat dës Tags sinn a wéi se am Webdesign haut benotzt ginn.

Zréck op XHTML

Wann Dir HTML virun Joer geléiert hutt, och virum Opstellen vun HTML5, hutt Dir wahrscheinlech d'Fett an d'Kursivtag benotzt. Wéi Dir et erwaart hunn, wësse dës Elemente Elementer a fett Texter oder kursiv Texter. De Problem mat dëse Tags, a firwat si scho fir nei Elementer gedréckt ginn (déi mir kuerz kucken), ass datt si semantesch Elementer sinn. Dëst ass well se definéieren wéi d'Text ewech wéi d'Informatiounen iwwer den Text kuckt. Denkt drun, HTML (dat ass wou déi Tags sinn geschriwwe ginn) ass alles iwwer Struktur, net visuell Stil! Visuals ginn duerch CSS behandelt an d'bestëmmten Praktiken vum Webdesign hunn laang gedauert datt Dir eng kloer Trennung vu Stil an Struktur an Äre Websäiten hunn. Dëst bedeit net Elementer déi net semantesch sinn a wéi eng Detailer si wéi d'Struktur. Dofir sinn d'Fett an d'Kursivë schwätzt normalerweis duerch staark (fir Fett) a Schwerpunkt (fir Kursiv) ersat.

& lt; staark & ​​gt; an & lt; em & gt;

Déi staark an deeglech Elementer beäntweren Informatioun zu Ärem Text, Detailer fir z'ënnerstëtzen, déi ënnerschiddlech behandelt a beholl gi sinn, wann dee Inhalt gesprochen gëtt. Dir benotzt dësen Elementer zimlech vill wéi Dir an der Vergaangenheet fett a Kursiv benotzt hutt. Sidd einfach Är Text mat den Erëffnungs- a Ofstëmmungsbezeechnungen ( an fir Betonskierch an an fir staark Betrib) an den beigelegte Text gëtt gefält.

Dir kënnt dës Tags nest nidden an et ass egal, wat ass de externen Dag. Hei sinn e puer Beispiller.

Dëse Text ass ënnersträicht an déi meescht Browser sinn et als Kriibs. Dës Text ass staark ënnersträicht an déi meescht Browseren wäerten et als Fett opmaachen.

An deenen zwee Beispiller weisen mir keng visuell Optik mat dem HTML. Jo, de Standardformat vun dem Zousaatz wär Kursiv, an de wäerte fett, mä déi kucken kënnen einfach an CSS geännert ginn. Dëst ass déi bescht vun deenen zwee Welten. Dir kënnt d'Standard Browser-Stiler ubelaangt, fir kurséiert oder fett Text an Ärem Dokument ze korrigéieren ouni iwwersiichtlech d'Linn ze vermeiden a Struktur a Stil ze vermëschen. Sot Dir datt dat Text net nëmmen fett, awer och roueg ass, kënnt Dir dëse Fichier un d'CSS addéieren

staark {
Faarf: rout;
}}

An dësem Beispill musst Dir net e Proprietär fir déi fett Schrëftgewicht ginn, well dat ass den Default. Wann Dir net wëllt dat zouloossen, awer Dir kënnt ëmmer et an:

staark {
Schrëftgréisst: fett;
Faarf: rout;
}}

Elo wär Dir alleguer garantéiert datt Dir eng Säit mat fett (a roude) Text kënnt iwwerall wou den Tag benotzt gëtt.

Duebel Up op Emphasis

Eent Saach, déi ech iwwer dem Joer bemierkt hunn, ass wat geschitt wann Dir versicht, op Schwer ze verdoppelen. Zum Beispill:

Dëse Text sollt an deem Text fettgedréckt a kursiv ass .

Dir hätt denken datt dës Linn e Gebitt produzéiert deen Text gëtt, wat fett an Kursiv ass. Dëst ass heiansdo geschitt, awer ech hunn e puer Browser uginn déi eenzeg vun den zwee Schéinheetsstil ze respektéieren, deen deen am Moment entsprécht am aktuellen Text ass an nëmmen dës als Kriibs. Dëst ass ee vun de Grënn, firwat ech net op Schockbiller ophalen.

Een anere Grond fir dës "Verdueblung" ze vermeiden ass fir stylistesch Zwecker. Eng Form vun Héichschoul, wann Dir normalerweis genuch ass fir de Ton z'erreechen datt Dir wëllt setzen. Dir musst net fett, Kriis, Faarf, Vergréisserung a Text ënnersträichen fir et erauszefannen. Dëse Text, wäerte all dës Zorte Schoule sinn, gär gär. Also beacht Iech virsiichteg wann Dir Schëfterkeeg oder CSS Styles benotzt, fir Schwerpunkt ze hunn an net ze iwwerdréit.

Eng Note iwwer Fett a Kriibs

Ee läschte Gedanke - wann d'Fett () a Kursivitéit () Etikett net méi recommandéiert ginn, als Schrägstrumenter ze benotzen, ett e puer Webdesigner déi dës Tags mat Inline-Gebidder vum Text benotzen. Prinzipiell benotzt se e wéi e Element. Dat ass schéin, well d'Tags ganz kuerz sinn, awer dës Elementer op dës Manéier benotzen ass net allgemeng recommandéiert. Mir schwätzen hei am Fall wou Dir se op e puer Siten gesinn hutt, déi net fett oder italienesch Texter erstallt hunn, mee fir e CSS-Hook fir eng aner Art visuellem Styling ze kreéieren.

Original Artikel vum Jennifer Krynin. Edited by Jeremy Girard am 12/2/16.