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

WBOY

Libérer： 2016-05-16 15:48:18

original

1396 Les gens l'ont consulté

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......

< ;/aside>

time
la balise temporelle, sémantiquement parlant, est le temps. Son utilisation est la suivante : Représente un certain moment en 24 heures ou une certaine date

Permet un décalage horaire lors de la représentation d'un moment
Peut définir des dates et des heures dans de nombreux formats
Peu fréquemment utilisé.

Copier le codeLe code est le suivant :

6 mars 2014

6 mars 2014 20h00

2. Structurel non sujet L'élément

header
la balise header, sémantiquement parlant, est l'en-tête du document. Son utilisation est la suivante : . Un élément structurel avec des fonctions de guidage et de navigation

Généralement placé sur la page entière ou sur le titre d'un bloc de contenu au sein de la page
Il n'y a pas de limite au nombre de balises d'en-tête dans une page Web
Fréquence d'utilisation Extrêmement élevée et relativement facile à comprendre.

Copier le codeLe code est le suivant :

Je suis la grosse tête

Je suis le cou

Je suis le corps

hgroup
balise hgroup, Sémantiquement parlant, c'est un groupe de titres, et son utilisation est la suivante : En tant qu'élément enfant de la balise d'en-tête

Utilisez hgroup uniquement lorsqu'un module de contenu comprend le titre principal et au moins un sous-titre
Regroupez généralement les éléments h1~h6
Très utilisé.

Copier le codeLe code est le suivant :

< header>

Je suis Liu Bei

Je suis Guan Yu

Je suis Zhang Fei

Lu Bu était abasourdi

footer
la balise footer, sémantiquement parlant, est la note de bas de page du document. Son utilisation est la suivante :

Notes de bas de page dans une zone de bloc de contenu
Habituellement, le contenu est constitué d'informations de contact, de lectures associées, d'informations sur les droits d'auteur, etc.
Il est fréquemment utilisé et est relativement facile à comprendre.

Copier le code

Le code est le suivant :

Lu Bu était abasourdi

adresse
la balise d'adresse, sémantiquement parlant, est une adresse. Son utilisation est la suivante :

Utilisé pour les informations de contact présentées dans les documents
Généralement, le contenu est l'auteur, le lien du site Web, l'adresse e-mail, l'adresse, le numéro de téléphone, etc.
Utilisé rarement.

Copier le code

Le code est le suivant :

Auteur : Zhang Sanfeng
Adresse : Montagne Wudang
Coordonnées ：1247

J'espère que cet article pourra fournir des conseils à tout le monde dans l'utilisation des balises de structure html5. Si vous trouvez des erreurs dans le contenu, n'hésitez pas à me corriger~