recherche

Maison >interface Web >Questions et réponses frontales >Quelles sont les parties nécessaires d'un document HTML standard ?

Quelles sont les parties nécessaires d'un document HTML standard ?

青灯夜游
青灯夜游original
2022-08-31 17:42:334183parcourir

Il y a 5 parties nécessaires : 1. La déclaration DOCTYPE, qui est utilisée pour indiquer au navigateur la version du balisage utilisé pour écrire la page ; 2. L'élément racine HTML, qui contient les métadonnées du document et fournit des informations au navigateur. sur le contenu et le balisage du document. 3. En-tête, qui comprend principalement la déclaration de codage, le titre, l'intégration de la feuille de style, etc. 4. Partie titre, utilisée pour définir le titre du document. 5. Partie contenu du corps, y compris tout le contenu. du document.

Quelles sont les parties nécessaires d'un document HTML standard ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Le document HTML est une description d'un document. Il a une structure fixe et est divisé en plusieurs parties. Chaque partie contient un ou plusieurs éléments. Certains éléments sont utilisés pour décrire les informations de base du document, et d'autres décrivent la structure du document. Voici la structure d'un document HTML de base : 

<!DOCTYPE html>
<html lang="en">
<head>
 <title>Your page title</title>
</head>
<body>
.....
</body>
</html>

Ce document HTML décrit une page vierge. Ces composants de base déterminent le plan et la navigation. du document HTML. L'environnement initial du serveur.

Quelles sont les parties nécessaires dun document HTML standard ?

Vous pouvez voir les 5 parties nécessaires d'un document html standard

Partie déclaration : déclaration DOCTYPE

DOCTYPE est l'abréviation du type de document (type de document).

La déclaration doctype n'est pas une balise HTML ; c'est plutôt une balise de type de document, qui est une instruction qui indique au navigateur la version du balisage dans laquelle la page a été écrite.

La déclaration doctype est une déclaration de type de document en langage de balisage universel standard, qui est utilisée dans la conception Web pour indiquer la version de XHTML ou HTML que vous utilisez.

Cet élément indique deux choses au navigateur :

  • Il traite des documents HTML ;

  • La version HTML utilisée pour marquer le contenu du document. L'écriture ci-dessus indique que HTML5 est utilisé.

Il est très important de préciser le doctype dans tous les documents HTML afin que le navigateur comprenne le type de document attendu.

Remarque : la balise

  • n'a pas de balise de fermeture.

  • n'est pas sensible à la casse.

Analyse globale : Tout le contenu

L'élément html est l'élément racine, qui indique au navigateur qu'il s'agit d'un document HTML. La balise

est l'élément le plus externe d'un document HTML. La balise

est un conteneur pour tous les autres éléments HTML (à l'exception de la balise ).

La fonction de l'élément racine est d'indiquer au navigateur que le contenu entre et est de type HTML, et le navigateur analysera le contenu au format HTML. L'élément

html possède 3 attributs, à savoir l'attribut lang, l'attribut xmlns et l'attribut manifest : L'attribut

  • lang précise la langue par défaut utilisée par le contenu de la page. La spécification de la langue dans laquelle le document est rédigé permet à un outil de synthèse linguistique de choisir une langue de prononciation ou à un outil de traduction de choisir des règles de traduction. Par exemple, signifie que ce document est en chinois.

  • L'attribut xmlns attribue l'espace de noms XML. L'attribut xmlns est obligatoire en XHTML mais pas en HTML.

  • L'attribut manifest donne l'URL du fichier de cache hors ligne. HTML5 introduit la mise en cache des applications, ce qui signifie que les applications Web peuvent être mises en cache et accessibles hors ligne. Par exemple, signifie que le fichier de cache hors ligne est waibo.manifest.

Head :

L'élément head contient des métadonnées pour le document, fournissant des informations au navigateur sur le contenu et le balisage du document, et peut également contenir des scripts et un accès à des référence aux ressources (telles qu'une feuille de style CSS).

Divers attributs et informations des documents HTML sont définis dans l'élément

Titre du document : l'élément title

est utilisé pour définir le titre du document applicable à tous les documents HTML ou XHTML ; <p></p> <title> Fonction de l'élément : <p>1. Le titre peut être défini dans l'onglet du navigateur. </p> <p>2. Vous pouvez fournir un titre à la page lors de son ajout aux favoris. </p> <p>3. Le titre de la page peut être affiché dans les résultats des moteurs de recherche. </p> <p>Exemple : </p><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网</title> </head> <body> <p>正文的内容显示在浏览器窗口中。</p> <p>title元素的内容显示在浏览器标签，收藏夹和搜索引擎结果中。</p> </body> </html></pre><p><img src="https://img.php.cn/upload/article/000/000/024/5c18b92ec6088231.jpg" alt="Quelles sont les parties nécessaires d'un document HTML standard ?" ></p> <p><strong>Contenu : </strong><br></p> <p>La partie corps du document contient du contenu que les visiteurs peuvent voir. </p> <p>Après avoir cette structure de base, nous pouvons progressivement ajouter d'autres éléments HTML par la suite, enrichir continuellement le document, et enfin obtenir la page souhaitée. </p> <p>Remarque : </p> <p>Dans HTML 5, tous les attributs spéciaux de </p> Mais la balise prend en charge les attributs standards en HTML 5 :
Attribute valeur description
accesskey character Spécifie le raccourci clavier pour accéder à l'élément
class class name Spécifie le nom de classe de l'élément (utilisé pour spécifier la classe dans la feuille de style).
contenteditable
  • true
  • false
 Spécifie si les utilisateurs sont autorisés à modifier le contenu.
contextmenu menu_id Spécifie le menu contextuel de l'élément.
data-yourvalue value

Propriétés définies par le créateur.

Les créateurs de documents HTML peuvent définir leurs propres propriétés.

Doit commencer par "data-".

dir
  • ltr
  • rtl
 Spécifie la direction du texte du contenu dans l'élément.
draggable
  • true
  • false
  • auto
 Spécifie si l'utilisateur est autorisé à faire glisser l'élément.
hidden hidden précise que l'élément n'est pas pertinent. Les éléments masqués ne seront pas affichés.
id id Spécifie l'ID unique de l'élément.
item
  • empty
  • url
 est utilisé pour combiner des éléments.
itemprop
  • url
  • group value
 pour les éléments de groupe.
lang language_code Spécifie le code de langue du contenu dans l'élément.
spellcheck
  • true
  • false
 Spécifie si l'élément doit être vérifié pour l'orthographe ou la grammaire.
style style_definition Spécifie le style en ligne de l'élément.
subject id précise l'item correspondant à l'élément.
tabindex number spécifie l'ordre de contrôle des touches de tabulation des éléments.
title text Spécifie des informations supplémentaires sur l'élément.

Recommandations associées : "Tutoriel vidéo HTML"

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!

html5 css html xhtml 命名空间 xml 样式表 搜索引擎
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：Qu'est-ce que la balise de navigation en HTML5Article suivant：Qu'est-ce que la balise de navigation en HTML5

Articles Liés

Voir plus