Introduction détaillée de 28 nouvelles fonctionnalités de h5

1. Nouveau Doctype

Bien qu'il utilise , même si le navigateur ne comprend pas cette phrase, il sera rendu selon le mode standard

Vous pouvez également envisager d'utiliser le motif de boîte étrange

2. L'élément Figure
est représenté sémantiquement en utilisant

figcaption> Image avec titre

<figure> 
<img src=”path/to/image” alt=”About image” /> 
<figcaption> 
<p>This is an image of something interesting. </p> 
</figcaption> 
</figure>

3. Redéfinie
mise en page, comme la déclaration de droit d'auteur au bas du site Web
4. Supprimez l'attribut type dans les balises de lien et de script
5 Ajouter/sans crochets
HTML5 n'a pas. exigences strictes Les attributs doivent être cités, fermés ou non, mais il est recommandé d'ajouter des guillemets et des balises de fermeture
6 Pour rendre votre contenu modifiable, ajoutez simplement un attribut contenteditable
7. Si nous définissons le type d'entrée sur email, le navigateur vérifiera si l'entrée est de type email. Bien sûr, nous ne pouvons pas nous fier uniquement à la vérification frontale, le back-end doit également avoir une vérification correspondante
.
8. Espaces réservés La signification de cet attribut d'entrée est qu'il n'est pas nécessaire d'utiliser javascript pour obtenir l'effet d'espace réservé

9. Stockage local pour stocker de manière permanente de gros fragments de données sur le client. (Sauf suppression active), actuellement pris en charge par la plupart des navigateurs, vous pouvez vérifier si window.localStorage existe avant de l'utiliser En-tête et pied de page sémantiques
. 11. Plus de fonctionnalités de formulaire HTML5
12. IE et HTML5
Par défaut, les nouveaux éléments HTML5 sont rendus en ligne, mais vous pouvez utiliser la méthode suivante pour que
les rende en mode bloc

Malheureusement, IE ignore ces styles. Vous pouvez les corriger comme suit :

header, footer, article, section, nav, menu, hgroup { 
display: block; 
}

13 hgroup

document.createElement(”article”); 
document.createElement(”footer”); 
document.createElement(”header”); 
document.createElement(”hgroup”); 
document.createElement(”nav”); 
document.createElement(”menu”);

est généralement utilisé dans l'en-tête pour regrouper un. groupe de titres ensemble. Ensemble, tel que

14. Attribut obligatoire

<header> 
<hgroup> 
<h1> Recall Fan Page </h1> 
<h2> Only for people who want the memory of a lifetime. </h2> 
</hgroup> 
</header>

L'attribut obligatoire définit si une entrée est requise comme suit <🎜. >Ou

<input type=”text” name=”someInput” required>

15. Attribut Autofocus

<input type=”text” name=”someInput” required=”required”>

Tout comme sa signification, il s'agit de se concentrer sur la zone de saisie

16. Prise en charge audio

<input type=”text” name=”someInput” placeholder=”Douglas Quaid” required autofocus>

HTML5 fournit la balise