Maison > Article > interface Web > Explication détaillée du balisage et de la structure du document pour la production de pages HTML_HTML/Xhtml_Web
Explication détaillée du balisage et de la structure du document pour la production de pages HTML_HTML/Xhtml_Web
- WBOYoriginal
- 2016-05-16 16:36:161407parcourir
Le but du marquage du contenu avec HTML est de donner une sémantique à la page Web. En d’autres termes, vous devez donner au contenu de votre page Web une signification que l’agent utilisateur peut comprendre.
HTML spécifie un ensemble de balises pour marquer le contenu différemment. Chaque balise est une description de ce qu'elle contient. Les descriptions HTML les plus couramment utilisées sont les titres, les paragraphes, les liens et les images. Actuellement, HTML compte un total de 114 balises, mais selon le principe 80/20, l'utilisation d'environ 25 d'entre elles peut répondre à 80 % des besoins en balisage.
La dernière version de HTML, HTML5, stipule un nouveau lot de balises structurées, qui sont utilisées pour regrouper les balises de contenu associé afin de mieux standardiser la structure globale de la page Web. Ces nouvelles balises incluent
1. Fermeture de l'étiquette
Pour chaque élément contenant du contenu (tel que des titres, des paragraphes et des images), il existe deux manières différentes de les baliser, selon que le contenu qu'il contient est du texte, l'une consiste à utiliser une balise de fermeture et l'autre est Utiliser des balises non fermantes.
1.1 Utiliser les balises de fermeture pour le texte
Exemple :
Bonjour CSS !
1.2 Utiliser des balises à fermeture automatique pour le contenu référencé
Exemple : 
- <img src="images/dog.jpg " alt="C'est mon chien." />
En HTML5, vous pouvez omettre la dernière barre oblique fermante et écrire :
- <img src="images/dog.jpg " alt="C'est mon chien." >
2. Attributs
Astuce : les lecteurs d'écran utilisés par les utilisateurs malvoyants liront le contenu de l'attribut alt à haute voix, alors assurez-vous d'ajouter du contenu à l'attribut
alt de la balise que les gens peuvent comprendre d'un coup d'œil (ou d'un coup d'œil).
3. Titres et paragraphes
4. Éléments composites
HTML spécifie non seulement les balises de contenu de base telles que les titres, les images et les paragraphes, mais également les balises permettant de créer des composants d'interface utilisateur complexes tels que des listes, des tableaux et des formulaires. Ce sont des éléments dits composites, c'est-à-dire qu'ils sont. Il est composé de plusieurs balises
.
5. Balises imbriquées
Pour faire simple, il s’agit d’imbriquer une balise dans une autre balise.
Modèle 6.HTML5
- >
- <html>
- <tête>
- <méta charset="utf- 8" />
- <titre>Un modèle HTML titre>
- tête>
- <corps>
- corps>
- html>
7.块级元素和行内元素
文档流效果：HTML 元素会按照它们各自在标记中出现的先后顺序，依次从页面上方流向下方。
Affichage HTML d'un bloc, affichage en ligne d'un tableau, affichage d'un tableau值。
行。而行内元素（比如链接和图片）则会相互并列，只有在空间不足以并列的情况下才会折到下一行显示。
无论你想了解哪个 HTML 元素，还是行内元素？知道了这一点之后，就可以在编写标记的时候，预想到某个元素在初始状态下是如何定位的，这样才能进一步想好将来怎么用 CSS 重新定位它。
有两点要知道的：
块级元素盒子会扩展到与父元素同宽。
行内元素盒子会 收缩包裹 其内容，并且会尽可能包紧。
7.嵌套的元素
在标记中嵌套的是HTML标签，而在屏幕上嵌套的则是一个个的盒子。
8.文档对象模型
文档对象模型（简称 DOM）是从浏览器的视角来观察页面中的元素以及每个元素的属性，由此得出这些元素的一个家族树。通过DOM，可以确定元素之间的相互样式属性。
Applications HTML et DOM, applications HTML et CSS DOM。