PC-politika.cz - Novinky: HTML5: Implementace na ostrém webu [3] PC-politika

HTML5: Implementace na ostrém webu [3]

Dnes se opět podíváme na ostrý web pc-politika.cz, jak jsme postoupili ve validaci zdrojového kódu, který je za provozu nově přizpůsobován pro specifikaci W3C- HTML5. Z původních 84 errors jsme chyby zrazili na 2 errors a 14 varování. Mj. změnou deklarace tabulek. Podívejte se, jak.

Z minulého dílu víme, že HTML5 nesnáší mnohé atributy a jejich vlastnosti. Označuje je jako Absolute features, tedy zastaralé, neboli deprecated. A je jich opravdu dost. Například atributy "Compact" a "type" jsou zastaralé nejen v HTML 4.01, nýbrž nejsou podporovány samozřejmě ani v HTML 5. Podle mě ovšem vykazují největší četnost ve zdrojových kódech, a potažmo tedy největší počet chyb, tabulky. Proto se na ně teď podíváme.

Hláška validatoru, errors HTML5
Hláška validatoru, errors v kódu HTML5. Nejvíce chyb způsobují absolute (zastaralé) zápisy atributů v tabulkách!

Errors ř. 328,330,337,339,346,348

Nejčastější chybou ve zdrojovém kódu pro HTML5 je, podle shora zobrazeného výpisu z validátoru, tento zápis, používaný často v CMS systému PHP-Fusion (PHPF):

Nesprávný zápis

<td class='small' align='right'><font color='#0066cc'>".dbcount('(*)', DB_NEWS, '')."</font></td>\n

<table width='98%' cellpadding='0' cellspacing='0' align='center'><tr>....

Správný zápis

<div style="display:table-cell" class='small' style='text-align: center;'></div>\n

Komentář/popis ke změně kódu

Už z minulého dílu víme, že se v HTML5 musíme zbavovat veškerých atributů "align". Dále to platí pro atribut "font". Validator to nekompromisně připomíná např. takto, že „je nutné opravit/sladit atribut u TD elementu, který je zastaralý. Použit nutně CSS“. Takže změníme deklaraci tak, že vše obalíme do elementu DIV. Změníme tak barvu a zarovnání textu pomocí CSS stylu, class třídy a jejího selektoru small .Tak, jak to ukazuje „Správný zápis“ nahoře. Výsledek naší úpravy zapůsobil výrazně - zbývají pouze 2 errors!

Hláška validatoru, errors HTML5
Hláška validatoru, errors v kódu HTML5. Po změnách v kódu zbývají „jen“ 2 errors 14 varování!

Autor: Květoslav (Kvido) Vícha

Zdroj: Vlastní +
Specifikace W3C - HTML5 (Editor's Draft z 30 July 2010)
Home Page

Související články v kategorii:

· HTML5: zarovnání tabulky na center pomocí obalu
· HTML5: validace a znak BOM
· HTML5: Grafické plátno [2] - text
· HTML5: grafické plátno canvas [1]
· HTML5: Firefox v HTML5 nezobrazuje MP4?
· HTML5: Jednodušší navigace; tag nav [6]
· HTML5: Nežadouci inline styly; jak je odstranit
· HTML 5: Nový tag header; co obsahuje [5]
· HTML5: Implementace na ostrém webu [3]
· HTML5: Implementace na ostrém webu [1]

Komentáře

Zrzek	Dne 02.08.2010 19:05 #1
Komentáře: 0 Level uživatele:	Toto je přínosem. Děkuji budu také studovat.
Postbal	Dne 03.08.2010 10:22 #2
Komentáře: 0 Level uživatele:	Jak odstranit toto: The name attribute is obsolete. Consider putting an id attribute on the nearest container instead.

Přidat komentář

Sdílet tuto novinku

URL:
BB-Code:
HTML:
Sdílet:	Share \|