Introduction de l'article de wulin.com (www.vevb.com): Une explication détaillée des nouveaux éléments ajoutés à HTML 5.
Pour le rendu HTML, le navigateur a été coincé au niveau de 1999. À cette fin, HTML 5 est une solution pragmatique, qui continue non seulement à traiter avec du HTML dispersé dans tous les coins du monde au fil des ans, mais facilite également les fabricants de navigateurs d'ajouter de nouvelles fonctionnalités. Ceci est appelé dégrader gracieusement. Jetons un coup d'œil à de nouveaux éléments ajoutés à HTML 5.
HTML 5 Éléments structurels
C'est vraiment génial. À l'heure actuelle, nous ne pouvons définir une structure que par une div universelle, essayant d'exprimer respectivement la tête, le bas ou la barre latérale en définissant la valeur de son identifiant caractéristique tel que l'en-tête, le pied de page, la barre latérale, etc. Avec eux, les écrivains de code n'ont plus besoin de passer du temps à nommer des identifiants, qui est plus sémantique pour les phones mobiles, les lecteurs et autres appareils. HTML 5 ajoute de nouveaux éléments structurels pour exprimer ces structures les plus couramment utilisées:
◆ Section: Cela peut exprimer une pièce ou un chapitre du livre, ou une section dans un chapitre.
◆ En-tête: l'en-tête sur le corps principal de la page. Pas l'élément de tête
◆ Footer: le bas de la page (pied de page), qui peut être l'emplacement d'une signature par e-mail
◆ NAV: Collection de liens vers d'autres pages
◆ Article: Un enregistrement indépendant tel que le blog, le magazine, le contour, etc.
Par exemple, si la page d'accueil d'un blog est écrite dans HTML 5, cela peut être comme ça (omis):
HTML ajoute également les trois éléments de niveau bloc suivants:
◆ Mis à part
◆ Figure / code>
◆ Dialogue
Mis à part peut être utilisé pour exprimer des notes, des conseils, des barres latérales, un résumé, des devis insérés, etc., tels que le contenu comme sujets supplémentaires. Par exemple, la barre latérale exprimant le blog comme ceci:
L'élément de figure représente une image au niveau des blocs avec description. Par exemple:
<Figure> <gend> Ceci est une illustration de l'image </gend> <img alt = Texte de remplacement d'image src = / path / to / img.png mce_src = / path / to / img.png /> </gistre> L'élément de boîte de dialogue est utilisé pour exprimer des conversations entre les personnes. Dans HTML 5, DT est utilisé pour représenter le haut-parleur, tandis que DD est utilisé pour représenter le contenu de l'orateur. comme:
J'ai maintenant besoin de cliquer sur l'élément vide ... Semantic en ligne, et l'élément M est utilisé pour marquer un texte qui n'est pas si important. Il y a encore une controverse maintenant et il pourrait éventuellement être changé pour Mark.
L'élément de temps, comme son nom, est utilisé pour exprimer le temps. Il nécessite une fonctionnalité DateTime pour indiquer le temps que la machine peut reconnaître, comme:
<Time DateTime = 2008-08-08T20: 08: 08> 8 août 2008 à 8: 8: 8 pm </tiem> L'élément de mètre exprime les valeurs dans une plage spécifique. Peut être utilisé pour le salaire, le pourcentage, le score, etc. par exemple:
Je regrette de vous dire que je n'ai que <mètre> 150 cm </mètre> et il a 6 caractéristiques pour exprimer toutes les significations, telles que:
Il y a aussi un progrès, qui est également le nom du mot, pour exprimer les progrès:
Degré d'achèvement de la cible: <Valeur de progrès = 40 max = 100> 40% </grarst> Intégrer dans le multimédia
Ajout d'éléments vidéo et audio. Comme son nom l'indique, ils sont utilisés pour insérer respectivement la vidéo et le son. Quant au format, il est implémenté par le navigateur, et HTML n'a plus besoin de code spécial pour lire un format spécifique. Tout comme IMG, il peut être affiché s'il s'agit de PNG, JPG ou GIF. Il convient de noter qu'ils peuvent contenir du contenu. Par exemple, vous pouvez mettre les paroles dans une certaine chanson:
Interactif
HTML 5 est également appelé applications Web 1.0, il développe donc encore des capacités interactives. Ces balises sont créées pour améliorer l'expérience interactive de la page:
détails
dataGrid
menu
Commande
Les détails sont utilisés pour représenter un contenu spécifique, mais le contenu peut ne pas être affiché par défaut, et ne sera affiché qu'en interagissant avec la légende par certains moyens (tels que les clics). Ceci est quelque peu similaire à la pratique actuelle de cacher un contenu via JavaScript et de l'affichage après avoir cliqué. Par exemple:
Enregistrez chaque détail de la vie en une phrase. <fetthes> <gend> Plus </gend> <p> Communiquez et partagez, rapprochez-vous, vous et vos amis, et soutenez MSN / GTALK / QQ, SMS et WAP du téléphone mobile </p> </fetthets> Il peut avoir une fonctionnalité ouverte pour afficher les détails ou non.
DataGrid est utilisé pour contrôler les données et peut être mis à jour par les utilisateurs ou les scripts.
MenuHTML 2 existe, mais HTML 4 est jeté. HTML 5 Utilisation des déchets et ajouter des éléments de commande pendant la période.