Kalo te përmbajtja
SEO Analyzer

Teknike

Etiketa HTML të vjetruara

Etiketa si <font>, <center> dhe <marquee> që janë hequr nga standardi; mjeti kontrollon shtatë prej tyre.

Çfarë është

Disa etiketa të HTML-së së hershme u krijuan për të kontrolluar pamjen para se CSS-ja të ekzistonte: <font> për ngjyrën dhe madhësinë, <center> për rreshtimin, <marquee> dhe <blink> për lëvizje.

Standardi i sotëm i ka hequr. Shfletuesit ende i renderojnë, sepse rrallë e prishin diçka që punon — por ato nuk janë pjesë e HTML-së dhe nuk ka garanci se do të mbeten.

Dy prej tyre janë rast i veçantë. <u> dhe <strike> nuk janë hequr plotësisht: <u> ka sot kuptim semantik të ngushtë (shënim i një gabimi drejtshkrimor), dhe <s> e ka zëvendësuar <strike>-un.

Pse ka rëndësi

Prania e këtyre etiketave rrallë është problem në vetvete. Ato janë simptomë: një faqe me <font> dhe <center> zakonisht është shkruar para vitit 2005 ose gjeneruar nga një redaktor i vjetër, dhe ka bashkë me to gjithçka tjetër që vinte me atë epokë — layout me tabela, pa viewport, pa struktura semantike.

Pasoja praktike është te mirëmbajtja: pamja e faqes kontrollohet nga qindra atribute të shpërndara nëpër HTML, jo nga një skedar CSS. Çdo ndryshim kërkon prekje të çdo faqeje.

Dy raste kanë pasojë të drejtpërdrejtë. <marquee> dhe <blink> prodhojnë lëvizje dhe pulsim që nuk mund të ndalen — kjo është pengesë e vërtetë aksesueshmërie dhe, për njerëz me epilepsi fotosensitive, rrezik shëndetësor.

Dhe <u> e përdorur për theksim ngatërron: në ueb, nënvizimi do të thotë lidhje.

Si rregullohet

<!-- e vjetruar -->
<center><font color="red" size="5">Njoftim</font></center>

<!-- moderne -->
<p class="njoftim">Njoftim</p>
<style>.njoftim { text-align: center; color: #c00; font-size: 1.5rem; }</style>

Zëvendësimet:

  • <font> → CSS color, font-size, font-family
  • <center> → CSS text-align: center ose margin-inline: auto
  • <strike> → <s> ose <del> sipas kuptimit
  • <big> → CSS font-size
  • <marquee>, <blink> → hiqi; nëse lëvizja është e domosdoshme, bëje me CSS dhe respekto prefers-reduced-motion
  • <u> → <em> për theksim, ose lëre vetëm për kuptimin e tij të ngushtë

Si e mat ky mjet

TechnicalAnalyzer::checkDeprecatedTags() (services/TechnicalAnalyzer.php:111) kërkon me XPath shtatë etiketa: font, center, marquee, blink, strike, u, big (:114). Për secilën që gjen, shënon emrin dhe numrin e shfaqjeve, dhe në fund jep një konstatim të vetëm informativ me listën (:127). Kur nuk gjen asnjë, kontrolli kalon pa konstatim.

Çfarë NUK e mat

Lista është e ngurtë dhe e pjesshme: shtatë etiketa të fiksuara në kod. Nuk përfshihen <frame>, <frameset>, <applet>, <acronym>, <dir>, <basefont>, <tt> — të gjitha të hequra nga standardi.

Atributet e vjetruara nuk kontrollohen fare: bgcolor, align, border, cellpadding janë sot po aq të vjetruara sa etiketat, dhe janë më të shpeshta.

Përfshirja e <u> në listë është diskutueshme, sepse <u> ka ende kuptim të vlefshëm në standard. Një faqe që e përdor saktë merr një konstatim të panevojshëm.

Konstatimi është informativ me ndikim të ulët edhe kur gjendet <blink> — pra rasti me pasojë reale aksesueshmërie raportohet me të njëjtën peshë si <big>.

Kodi që e kryen matjen

  • services/TechnicalAnalyzer.php:111 — TechnicalAnalyzer::checkDeprecatedTags
  • services/TechnicalAnalyzer.php:127 — deprecated_tags

Standardi