Maison > Article > interface Web > Qu'est-ce que la balise article en HTML5 ? Où l’élément article est-il utilisé en HTML5 ?

Qu'est-ce que la balise article en HTML5 ? Où l’élément article est-il utilisé en HTML5 ?

寻∝梦original: 2018-08-15 13:29:0916580parcourir

Qu'est-ce que la balise article en HTML5 ? Où l’élément article est-il utilisé en HTML5 ? Cet article explique principalement ce qu'est la balise article en HTML5, où l'article est utilisé et quels sont les attributs standard de la balise article en HTML5. Jetons un coup d'oeil. (À la fin de l'article, il y a un élément avec quelque chose à dire sur l'auto-introduction de la balise article)

Explication de la balise article en HTML5 :

Cette balise signifie qu'elle devrait remplacer la structure DIV, qui définit un grand cadre externe, tout comme la paire de DIV la plus externe que nous définissons souvent. Il existe maintenant ces différentes balises avec leurs propres structures hiérarchiques.

Il devrait donc y avoir de nombreuses autres balises sous l'article. Après la combinaison, des conceptions telles que des colonnes sont réalisées. CSS est également ajusté en fonction de cela pour prendre en charge l'affichage de ses styles. Dans le même temps, JS a également besoin de quelques modifications. Il est toujours actif et n'a pas été supprimé car HTML5 est en double. certaines de ses fonctions

Au niveau de l'écriture de documents en HTML5 par rapport aux versions précédentes, certaines balises ont été ajoutées. Structure des éléments telle que l'en-tête, le pied de page, la zone de contenu, etc. Parmi eux, des éléments d'article et de section sont ajoutés aux éléments de structure principaux. Alors, quelle est la différence entre eux ? Quand utiliser l'article et quoi utiliser la section ?

Vous voulez en savoir plus sur la phrase en HTML5 :

Qu'est-ce que la balise section en HTML5 ? Comment centrer la balise section en HTML5 ?

L'élément article représente un contenu indépendant et complet dans un document, une page ou une application pouvant être référencé en externe. Il peut prendre la forme d'un article, d'un post, d'un commentaire ou d'un plug-in indépendant. dans. Apparaissent. En plus du sujet du contenu, un élément d'article possède généralement son propre titre et son propre pied de page.

La définition et l'utilisation de la balise article en HTML5 :

La balise 23c3de37f2f9ebcb477c4a90aac6fffd définit le contenu externe.

Le contenu externe peut être un nouvel article provenant d'un fournisseur d'informations externe, ou un texte provenant d'un blog, ou un texte provenant d'un forum. Ou du contenu provenant d’autres sources externes.

Il existe des exemples :

<article>
<a href="http://www.apple.com">Safari 5 released</a><br />
7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, 
Apple announced the release of Safari 5 for Windows and Mac......
</article>

l'article est un élément qui peut être imbriqué. En principe, la couche interne de l'article doit être liée au contenu de la couche externe, comme le. le texte principal et le contre-texte d'un article. Les commentaires peuvent être imbriqués dans les articles.

La section distingue le texte et les commentaires. C'est un élément de la zone de bloc, qui sera expliqué dans la prochaine leçon. L'article est très complet et indépendant, divisant chaque commentaire.

l'article peut également être utilisé pour représenter un plug-in. Ce qui suit est un code qui permet le plein écran. Sa fonction est de donner l'impression que le plug-in est complètement intégré dans la page Web.

Attributs standards de la balise article en HTML5 :

class, contenteditable, contextmenu, dir, draggable, id, non pertinent,

lang, ref, Registrationmark, tabindex, template, title

Voici un exemple d'utilisation de la balise article pour mettre en page un article. Grâce à cet exemple, vous pouvez maîtriser la balise d'élément article.

Exemple de code HTML5 complet :

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

Conseils et commentaires :

Commentaires : 23c3de37f2f9ebcb477c4a90aac6fffd le contenu est indépendant du reste du document.

【Les éléments ont quelque chose à dire】

article :

Bonjour les camarades, je suis l'article, qui est une section spéciale, je suis plus précis. que la section. La sémantique de est la représentation d’un bloc indépendant et complet de contenu associé. Généralement, j'aurai une section de titre (généralement contenue dans un header ) et parfois aussi un pied de page. Bien qu'une section soit également un élément de contenu thématique, elle est indépendante et complète en termes de structure et de contenu, représentant un contenu indépendant et complet dans un document, une page ou une application qui peut être référencé en externe. Par exemple : un article dans un blog, un post dans un forum ou le commentaire d'un internaute, etc. Étant donné que l’élément article est un élément de contenu indépendant, l’élément article contient généralement un head (élément d’en-tête) et un bottom (élément de pied de page).

[Recommandations associées]

Qu'est-ce que le Web en HTML5 ? Quels sont les éléments du stockage Web ?

Quels sont les attributs de la balise HTML IMG ? Comprendre l'utilisation des balises IMG

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 jquery css html class JS

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：Code d'implémentation de l'animation d'économiseur d'écran Canvas en html5Article suivant：Code d'implémentation de l'animation d'économiseur d'écran Canvas en html5

Articles Liés

Voir plus