


A quoi sert la balise d'article html ? Introduction à l'utilisation de la balise d'article html
Aug 29, 2018 pm 04:36 PMCet 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
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>內(nèi)容</article>
l'article a une paire d'éléments de balise HTML d'ouverture et de fermeture.
Commence 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">內(nèi)容</article>
<article id="bbb">內(nèi)容</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標(biāo)簽布局一篇實(shí)例,通過此示例掌握了解article元素標(biāo)簽。以下是完整HTML5實(shí)例代碼: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>article 實(shí)例 ThinkCSS</title> <style> article{ color:#000} article h1{ color:#F00} </style> </head> <body> <article> <h1>文章標(biāo)題</h1> <p>文章段落一,內(nèi)容CSS技術(shù)上ThinkCSS網(wǎng) ...</p> <p>文章段落二,內(nèi)容CSS技術(shù)上ThinkCSS網(wǎng) ...</p> <p>段落三,內(nèi)容CSS技術(shù)上ThinkCSS網(wǎng) ...</p> </article> </body> </html>
Capture d'écran de l'effet de code de la balise d'article?:
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!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Pour réduire la taille des fichiers HTML, vous devez nettoyer le code redondant, compresser le contenu et optimiser la structure. 1. Supprimer les balises, commentaires et blancs inutilisés pour réduire le volume; 2. Déplacer en ligne CSS et JavaScript vers des fichiers externes et fusionner plusieurs scripts ou blocs de style; 3. Simplifiez la syntaxe d'étiquette sans affecter l'analyse, comme l'omission de balises fermées en option ou l'utilisation d'attributs courts; 4. Après le nettoyage, activez les technologies de compression c?té serveur telles que GZIP ou Brotli pour réduire davantage le volume de transmission. Ces étapes peuvent améliorer considérablement les performances du chargement des pages sans sacrifier les fonctionnalités.

HtmlhaseVolvedSIGNICALYSICMANTSICTHER

Il s'agit d'une balise sémantique utilisée dans HTML5 pour définir le bas de la page ou du bloc de contenu, comprenant généralement des informations sur le droit d'auteur, des informations de contact ou des liens de navigation; Il peut être placé en bas de la page ou imbriqué, etc. Tags comme fin du bloc; Lorsque vous l'utilisez, vous devez prêter attention pour éviter des abus répétés et un contenu non pertinent.

ThetabindexAttributeControlShowElementsReceiveFocusViAThetAbkey, withThreemainValues: tabindex = "0" addSanElementTotheNaturalTaborder, tabindex = "- 1" Autorise le programme

Adeclarationisaformalstatementthatsomethingistrue, officiel, orrequired, a utilisétoclelydefineorannneanintent, fact, orrule.itplaysakeyroleinprogrammingydefiningVariblesandfunctions, inlegalcontextsbyreportingfactsunderroath, etIndailyLifeMakeintenti et

Loading = "Lazy" est un attribut HTML pour et qui permet la fonction de chargement paresseuse native du navigateur pour améliorer les performances de la page. 1. Il retarde le chargement des ressources non écrans, réduit le temps de chargement initial, enregistre la bande passante et les demandes de serveur; 2. Il convient à de grandes quantités d'images ou de contenu intégré en pages longues; 3. Il ne convient pas aux images de premier écran, aux petites ic?nes ou à la charge paresseuse à l'aide de JavaScript; 4. Il est nécessaire de coopérer avec les mesures d'optimisation telles que la réglage des tailles et la compression des fichiers pour éviter les décalages de mise en page et assurer la compatibilité. Lorsque vous l'utilisez, vous devez tester l'expérience de défilement et peser l'expérience utilisateur.

La clé pour utiliser des éléments pour représenter les zones de liaison de navigation est la sémantique et la structure claire, généralement en conjonction avec des liens organisationnels. 1. La structure de base consiste à mettre les liens parallèles et à les envelopper à l'intérieur, ce qui est amical aux outils auxiliaires et est propice au contr?le de style et au référencement; 2. Communément utilisé dans ou, pour placer des collections de navigation principale ou de liaison de pied de page; 3. Une page peut contenir plusieurs zones, telles que le menu principal, la barre latérale ou la navigation indépendante.

Lorsque vous écrivez un HTML légal et soigné, vous devez faire attention à une structure claire, à une sémantique correcte et à un format standardisé. 1. Utilisez la déclaration du type de document correct pour vous assurer que le navigateur analyse en fonction de la norme HTML5; 2. Gardez l'étiquette fermée et raisonnablement imbriquée pour éviter d'oublier des éléments de nidification fermés ou mauvais; 3. Utilisez des balises sémantiques telles que, etc. pour améliorer l'accessibilité et le référencement; 4. La valeur d'attribut est toujours enveloppée dans les devis et les devis simples ou doubles sont utilisés uniformément. Les attributs booléens n'ont qu'à exister, et le nom de classe doit être significatif et éviter les attributs redondants.
