recherche

Maison >interface Web >tutoriel HTML >Les composants de base de la structure du document HTML5

Les composants de base de la structure du document HTML5

下次还敢
下次还敢original
2024-04-22 11:00:261035parcourir

Composants de base de la structure du document HTML5 : Doctype : déclare le type du document et suit la norme HTML5 Head : Contient des métadonnées (titre, jeu de caractères, feuille de style) Corps : Contient le contenu du document (texte, images, vidéos) Éléments sémantiques (titres, paragraphes, listes, tableaux, formulaires) annotations : fournissent des informations sur le document et n'apparaissent pas dans la page Web. Éléments de script : contiennent du code JavaScript pour améliorer les fonctionnalités du document. La structure du document HTML5 se compose des composants de base suivants :

1. Doctype Les composants de base de la structure du document HTML5

<code class="html"><!DOCTYPE html></code>

déclare le type de document et indique au navigateur que le document est conforme à la norme HTML5.

2. L'en-tête 

<code class="html"><head>
    <title>文档标题</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="stylesheet.css">
</head></code>

contient des métadonnées sur le document, telles que le titre, le jeu de caractères et les feuilles de style externes.

3. Le corps 

<code class="html"><body>
    <h1>欢迎来到我的网站</h1>
    <p>这是我的网站的内容。</p>
</body></code>

contient le contenu réel du document, tel que le texte, les images et les vidéos.

4. Éléments sémantiques

HTML5 introduit de nombreux éléments sémantiques pour décrire clairement le contenu du document :

Éléments de titre (h1-h6)

 : Utilisés pour représenter différents niveaux de titre.

Élément paragraphe (p)

 : utilisé pour représenter des paragraphes de texte.

    Éléments de liste (ul, ol)
  •  : utilisés pour créer des listes non ordonnées ou des listes ordonnées.
    • Élément table (table)
  • : utilisé pour créer des tableaux.
    • Éléments de formulaire (saisie, formulaire)
  •  : utilisés pour créer des formulaires.
  • 5. Les annotations 
    <code class="html"><!-- 这是注释 --></code>
    • ne sont pas affichées dans la page Web et sont utilisées pour fournir des informations sur le document.
  • 6. L'élément script (script)
<code class="html"><script src="script.js"></script></code>

contient du code JavaScript utilisé pour améliorer les fonctionnalités du document.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript html5 样式表 input ul table
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
Article précédent：Quelles sont les fonctionnalités de HTML5Article suivant：Quelles sont les fonctionnalités de HTML5

Articles Liés

Voir plus