Maison >interface Web >Tutoriel H5 >Explication détaillée des nouvelles balises et des balises courantes dans les compétences du didacticiel HTML5_html5

Explication détaillée des nouvelles balises et des balises courantes dans les compétences du didacticiel HTML5_html5

WBOY
WBOYoriginal
2016-05-16 15:48:181426parcourir

Aujourd'hui, je vais d'abord présenter les nouveaux éléments structurels du HTML5. Certains sont souvent utilisés, et d'autres ne le sont pas, bien que leur apparence rend la page plus sémantique et meilleure pour le référencement, en fait, lorsque la page désactive les styles, enfin, leur. la présentation n'est pas différente de celle des divs. Certains étudiants peuvent dire que comme ils sont identiques et que cela n'affecte pas la présentation finale de la page, ce serait bien si l'article et la section pouvaient être utilisés. Si vous considérez le projet lui-même pour les utilisateurs, je le pense aussi, mais en tant que refactoriste, nous devons encore être plus professionnels, puis considérer l'accessibilité, alors le rôle des balises html5 sera plus évident. J’ai donc revu le contenu et l’ai enregistré sur mon blog, le partageant avec tout le monde afin de pouvoir le retrouver plus tard.

Les nouveaux éléments structurels HTML5 sont divisés en éléments structurels principaux et éléments structurels non principaux

1. Les principaux éléments structurels incluent l'article, la section, la navigation, l'aparté, l'heure
2. Les éléments structurels non principaux incluent l'en-tête, le hgroup, le pied de page, l'adresse
1. article

la balise article, sémantiquement parlant, est un document ou une page. Son utilisation est la suivante :

Généralement un article, une page, un module de contenu indépendant et complet

Il a généralement un titre et est placé dans la balise header
Les éléments de l'article peuvent être imbriqués les uns dans les autres
Il est utilisé très fréquemment . Mettez l'accent sur l'indépendance et accordez plus d'attention à l'utilisation des balises d'en-tête.


Copier le codeLe code est le suivant :

< header>

Je suis un tag



Je suis un paragraphe



Mon contenu





section
balise de section , Sémantiquement parlant, c'est une partie, et son usage est le suivant :
Utilisé pour la division indépendante du contenu d'une page, souvent une section d'un article

Se compose généralement de contenu et de titre. Le contenu sans titre n'est pas recommandé. La section
est rarement utilisée et met l'accent sur la segmentation et le regroupement.

Remarque : le livre "The Definitive Guide to HTML5 and CSS3" indique : Lorsqu'un conteneur doit être stylisé ou qu'un script définit un comportement, il est recommandé d'utiliser div au lieu de section. Ne pas utiliser section comme conteneur à définir. styles.


Copier le codeLe code est le suivant :

Fruits


Pommes








Qui est Jack Ma


Jack Ma, mâle, est né le 15 octobre 1964 à Hangzhou, province du Zhejiang, un célèbre entrepreneur chinois, fondateur du groupe Alibaba, de Taobao et d'Alipay......




Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn