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

937 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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Les composants de base de la structure du document HTML5