HTML5 Suport. Asistență browser în HTML5. Definire elemente semantice ca elemente block. Adăugare elemente noi în HTML.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Puteți învăța browserele mai vechi să gestioneze corect HTML5.
HTML5 este acceptat în toate browserele moderne.
În plus, toate browserele, vechi și noi, gestionează automat elemente nerecunoscute ca elemente inline.
Din această cauză, puteți „învăța” browserele mai vechi să gestioneze elemente HTML „necunoscute”.
Puteți învăța chiar IE6 (Windows XP 2001) cum să gestioneze elemente HTML necunoscute.
Definiți elementele semantice ca elemente block
HTML5 definește opt noi elemente semantice. Toate acestea sunt elemente la nivel de bloc (block-level elements).
Pentru a asigura un comportament corect în browserele mai vechi, puteți seta proprietatea de afișare CSS (CSS display property) pentru aceste elemente HTML pentru a le bloca:
header, section, footer, aside, nav, main, article, figure {
display: block;
}
Adăugați elemente noi în HTML
Puteți adăuga, de asemenea, unei pagini HTML, elemente noi folosind un truc de browser.
Acest exemplu adaugă un element nou numit <myHero> la o pagină HTML și definește un stil pentru acesta:
Exemplu:
<!DOCTYPE html>
<html>
<head>
<script>document.createElement("myHero")</script>
<style>
myHero {
display: block;
background-color: #dddddd;
padding: 50px;
font-size: 30px;
}
</style>
</head>
<body>
<h1>Un Titlu</h1>
<myHero>Elementul My Hero</myHero>
</body>
</html>
Declarația JavaScript document.createElement ("myHero") este necesară pentru a crea un element nou în IE 9 și în versiunile anterioare.