Maison  >  Article  >  interface Web  >  A quoi sert la balise d’article html ? Introduction à l'utilisation de la balise d'article html

A quoi sert la balise d’article html ? Introduction à l'utilisation de la balise d'article html

寻∝梦
寻∝梦original
2018-08-29 16:36:4613192parcourir

Cet article vous présente principalement l'utilisation et les exemples d'utilisation de la balise d'article HTML5. J'espère que tout le monde pourra le comprendre. Jetons ensuite un coup d'œil à cet article sur la balise d'article HTML5.

Tout d'abord, présentons brièvement l'article :

html5

comme élément de contenu d'une page Web, d'un article ou d'un article dans un journal.

l'article est différent des autres structures de mise en page CSS DIV. L'article met principalement en page le contenu de l'article.

code de syntaxe de l'article :

<article>内容</article>

l'article a une paire d'éléments de balise HTML d'ouverture et de fermeture.

Commence par

et se termine par
.

Parlons maintenant des instructions d'utilisation de la balise article :

article est une nouvelle balise en HTML5. Sa fonction de syntaxe de base est la même que celle du DIV précédent. , p, span et autres balises Définissez le CSS directement dans la balise d'attribut de style ou introduisez des styles CSS externes à l'aide de la classe ou de l'identifiant.

<article class="aaa">内容</article>
<article id="bbb">内容</article>

l'article concerne principalement la mise en page des articles et du contenu.

Jetons un coup d'œil aux exemples d'utilisation de la balise d'article HTML5 :

这里使用article标签布局一篇实例,通过此示例掌握了解article元素标签。以下是完整HTML5实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>article 实例 ThinkCSS</title>
<style>
article{ color:#000}
article h1{ color:#F00}
</style>
</head>
<body>
<article>
    <h1>文章标题</h1>
    <p>文章段落一,内容CSS技术上ThinkCSS网 ...</p>
    <p>文章段落二,内容CSS技术上ThinkCSS网 ...</p>
    <p>段落三,内容CSS技术上ThinkCSS网 ...</p>
</article>
</body>
</html>

Capture d'écran de l'effet de code de la balise d'article :

A quoi sert la balise d’article html ? Introduction à lutilisation de la balise darticle html

L'image ci-dessous est le rendu du code. Vous pouvez en gros le comprendre. Si vous ne comprenez rien, vous pouvez laisser un message ci-dessous

[Recommandation de l'éditeur]

Comment ajouter du HTML Le texte dans la balise pre est enveloppé ? Exemples d'utilisation de la balise pré html

Comment utiliser l'attribut class de la balise span HTML ? Voici une explication détaillée de l'attribut class

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!

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