Les composants de base de la structure du document HTML5-tutoriel HTML-php.cn

Les composants de base de la structure du document HTML5

下次还敢

Libérer： 2024-04-22 11:00:26

original

1034 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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.

: utilisés pour créer des listes non ordonnées ou des listes ordonnées.
: utilisé pour créer des tableaux.
: utilisés pour créer des formulaires.

5. Les annotations

<code class="html"><!-- 这是注释 --></code>

Copier après la connexion

6. L'élément script (script)

<code class="html"><script src="script.js"></script></code>

Copier après la connexion

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!