communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel HTML > 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

寻∝梦

Libérer： 2018-08-29 16:36:46

original

13267 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

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>

Copier après la connexion

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

A quoi sert la balise darticle 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!

Étiquettes associées：

html

source：php.cn

Article précédent：Quelle est la différence entre la balise de formulaire HTML et la balise de table ? Voici les instructions ! Article suivant：Quelle est la fonction de la balise form en HTML ? Explication de l'utilisation de la balise de formulaire HTML

Déclaration de ce site Web

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

Derniers articles par auteur