Etiketat HTML

Një nga etiketat që do të mësoni në fillim të edukimit tuaj në internet është një palë etiketa të njohura si "etiketat e theksimit". Le të hedhim një vështrim në atë që këto tags janë dhe se si ato janë përdorur në web design sot.

Kthehu tek XHTML

Nëse keni mësuar HTML vite më parë, edhe përpara ngritjes së HTML5, ndoshta keni përdorur si etiketat e guximshme dhe kurrizore. Siç mund ta prisni, këto tags shndërruan elemente në tekst të guximshëm ose në tekstin e shkronjës, respektivisht. Problemi me këto etiketa dhe pse ato u shtynë mënjanë në favor të elementeve të reja (të cilat do të shohim së shpejti), është se ato nuk janë elementë semantikë. Kjo është për shkak se ata përcaktojnë se si teksti duhet të shikojë në vend se informacioni rreth tekstit. Mos harroni, HTML (që është ku këto etiketa do të shkruhen) është mbi strukturën, jo stilin vizual! Vizat janë trajtuar nga CSS dhe praktikat më të mira të dizajnit të internetit kanë mbajtur gjatë se duhet të keni një ndarje të qartë të stilit dhe strukturës në faqet tuaja të internetit. Kjo do të thotë të mos përdorni elementë që janë jo-semantikë dhe cilat detaje duken më tepër sesa struktura. Kjo është arsyeja pse etiketat me shkronja të theksuara dhe kurrizore janë zëvendësuar përgjithësisht nga forca (për bold) dhe theksimi (për italikën).

& Lt; fortë & gt; dhe & lt; em & gt;

Elementët e fortë dhe të theksuar shtojnë informacionin në tekstin tuaj, duke detajuar përmbajtjen që duhet trajtuar ndryshe dhe theksuar kur të flitet kjo përmbajtje. Ju përdorni këto elemente shumë e shumë të njëjtën mënyrë që ju do të keni përdorur të guximshme dhe italik në të kaluarën. Thjesht rrethoni tekstin me etiketat e hapjes dhe mbylljes ( dhe për theksim dhe dhe për theksim të fortë) dhe teksti i bashkangjitur do të theksohet.

Ju mund të fiksoni këto etiketa dhe nuk ka rëndësi se cila është etiketa e jashtme. Ketu jane disa shembuj.

Ky tekst theksohet dhe shumica e shfletuesve do ta shfaqin atë si italikë. Ky tekst theksohet fuqishëm dhe shumica e shfletuesve do ta shfaqin atë si tip të guximshëm.

Në të dyja këto shembuj, ne nuk po diktojnë pamjen vizuale me HTML. Po, pamja e parazgjedhur e tagut do të ishte kurioz dhe do të ishte i guximshëm, por ato pamje mund të ndryshohen lehtësisht në CSS. Kjo është më e mira nga të dyja botët. Ju mund të shfrytëzoni stilet e parazgjedhur të shfletuesit për të marrë tekstin e shkronjave ose të guximshme në dokumentin tuaj pa kaluar në të vërtetë linjën dhe strukturën dhe stilin e përzierjes. Thuaj që dëshironi që teksti të jetë jo vetëm i guximshëm, por edhe i kuq, mund ta shtoni këtë në CSS

i fortë {
ngjyra: e kuqe;
}

Në këtë shembull, ju nuk keni nevojë të shtoni një pronë për peshën e theksuar font-i pasi që është parazgjedhja. Nëse nuk doni ta lini atë në rast, ju mund ta shtoni gjithmonë në:

i fortë {
font-weight: bold;
ngjyra: e kuqe;
}

Tani do të jeni të gjithë të garantuar që të keni një faqe me tekst të theksuar (dhe të kuq) kudo që përdoret tag .

Dyfisho në Theksim

Një gjë që kam vënë re gjatë vitit është ajo që ndodh nëse përpiqeni të dyfishoni theksin. Për shembull:

Ky tekst duhet të ketë tekstin e bold dhe italicized brenda tij.

Ju do të mendoni se kjo linjë do të prodhojë një zonë që ka tekst që është i guximshëm dhe kurioz. Ndonjëherë kjo ndodh me të vërtetë, por kam parë disa shfletues që nderojnë vetëm dy nga dy stilet e theksit, njëra që është më e afërt me tekstin aktual në fjalë dhe e shfaq vetëm këtë si italik. Kjo është një nga arsyet pse unë nuk dyfishohem në etiketat e theksimit.

Një arsye tjetër për të shmangur këtë "dyfishim" është për qëllime stilistike. Një formë e theksimit nëse zakonisht është e mjaftueshme për të përcjellë tonin që dëshironi të vendosni. Ju nuk keni nevojë të theksoni, korrni, ngjyrosni, zmadhoni dhe nënvizoni tekstin në mënyrë që të dalë jashtë. Ky tekst, të gjitha ato lloje të ndryshme të theksimit, do të bëheshin të qarta. Pra, kini kujdes kur përdorni etiketat e theksit ose stilet CSS për të dhënë theks dhe mos e teproj.

Një Shënim mbi Bold dhe Italics

Një mendim i fundit - ndërkohë që etiketat e guximshme () dhe italike () nuk janë më të rekomanduara për t'u përdorur si elemente të theksit, ka disa dizajnerë të internetit që përdorin këto etiketa për të ngritur zonat inline të tekstit. Në thelb, ata e përdorin atë si një element . Kjo është mirë sepse etiketat janë shumë të shkurtra, por përdorimi i këtyre elementeve në këtë mënyrë nuk rekomandohet në përgjithësi. Unë përmend në në qoftë se ju shihni atë atje në disa vende duke u përdorur për të mos krijuar tekst të guximshëm ose të kursyera, por për të krijuar një goditje CSS për disa lloj tjetër të styling vizuale.

Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard më 12-02-16.