Postupuju podle Vás.OK!![HTML5: Implementace na ostrém webu [1]](images/news/thumbs/html5_t1.jpg)
Tak, rozhodně k tomu muselo dojít! Náš server přešel dnes na vyšší, modernější specifikaci W3C - HTML5. Sotva jsem před několika měsící vyladil všechny www stránky na 100 procentně validní HTML4... A mohu říct, povýšení kvality není za provozu žádná sranda, jelikož server zde nesmí vypadnout ani na minutu...Už jsem tu psal o tom, co všechno nová specifikace HTML5 vyžaduje. Pravda, je komaktibilní s nižší verzí HTML4 (naštěstí), avšak nesnáší hodně věcí. Vedle banálních "font" atd, přímo nenávidí v "divech" různé "align" apod. Takže hned nám tu vyskočilo na HomePage 88 chyb! Jak se již zde stalo, vzhledem k didaktickým poznámkám pravidlem, za pochodu to budu, tedy on-line odstraňovat a průběžně informovat. Takže tento text bude mít řadu pokračovaní v seriálu.
Kdo by nás chtěl podezřívat z podvrhu, tak nechť se podívá do zdrojáku. Uvidí tam již novou Doctype. Ano pro HTML5 je dostačující taková jednoduchá hlavička! A další věc, server samozřejmě již běží také na vyšší verzi pehapéčka, a to na PHP5.
Změna na HTML5 - a validátor řve!
Takže jdeme na změnu stávající verze HTML4 na veri HTML5. První, co musíme udělat je změna hlavičky dokumentu (u PHP) v headeru, u běžného HTML prostě nahoře v halvičce dokumentu. Měníme dosavadní komplikovanější a delší první řáderk na velmi jednoduchý: . Anbo, to je celé! Překvapující, že? Na druhém řádku pak již je klasický <head>.
<!DOCTYPE HTML><html><title>Titulek vašeho webu</title></head><body>Obsah vašeho webu</body></html>
Tato změnu na vyšší verzi specifikace W3C si vyžádala svoji daň v podobě většího množství chyb ve validátoru. Viz. následující snímek.
Validator je nekompromisní 84 errors!
Oprava ř. 6, ř.8
K těmto chybám je třeba nejprve říct, že zcela odpadá v Doctype nastavení <!link rel=„stylesheet“ …>. Prostě, velké zjednodušení je v tom, že rel stylesheet má již v HTML5 nastálo nastaveno defaultní hodnotu type="text/css", tzn., již ji nemusíme zadávat/psát. Prostě, vymažte ze svého HTML5!
A nyní ke konkrétní opravě, a to na dvou řádcích 6 a 8, která je jednoduchá. Jak upozorňuje český validator, HTML nestrpí uvedenou deklaraci Content-type-script. Jde o nahrážku hlavičky HTTP. Proto oba stávající řádky z deklarace jenoduše mažeme/ odstraníme. Na ř. 1 zůstává stále „Chyba 500“, avšak první tři chyby jsou odstraněny! Aniž by to narušilo korektní zobrazování na serveru/webu.
Validator ukazuje po 1. opravě 81 errors!
Oprava ř. 66, 96... (pryč s tagy <center>)
Další oprava spočívá v odstranění samostatného tagu <center> z <div>! Jak upozorňuje např. W3schools.comThe <center> Tag. Not Supported in HTML 5, tento tag je nepřípustný pro HTML5! Takže zápis:
<div align='center'>
NAHRADÍME
<div style='text-align: center;' >
Resumé
Prostě, nová specifikace W3C - HTML5, má bezesporu velkou budoucnost (i když mnozí skeptici říkají, že se vžije tak za 2 roky). Musíme s ní však počítat a průběžně naše dokumenty pro tuto specifikace „oživovat“. Jsou to většinou banality, jako shora uvedený tag "center". Opravy na různých vložených www stránkách však dají zabrat. To se nedá nic dělat. V příštím díle budeme odstraňovat další errors a varování.
Autor: Květoslav (Kvido) Vícha
- Zdroj: W3C.org/HTML5
-
Home Page
· 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]
| URL: | |
| BB-Code: | |
| HTML: | |
| Sdílet: |
