Maison  >  Article  >  interface Web  >  Recommandations récapitulatives des titres HTML

Recommandations récapitulatives des titres HTML

php中世界最好的语言
php中世界最好的语言original
2018-01-22 10:44:561496parcourir

Cette fois je vais vous apporter un résumé et une recommandation de titres HTML. Quelles sont les précautions pour les titres HTML Voici des cas pratiques, jetons un coup d'oeil.

HTML : Titre

Le titre est défini via des balises telles que 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc.

<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Astuce : Le navigateur ajoutera automatiquement des lignes vides avant et après le titre. h1 sert de titre principal (le plus important), suivi de h2 (le prochain plus important), puis de h3, et ainsi de suite. Astuce : Par défaut, HTML ajoutera automatiquement une ligne vierge supplémentaire avant et après les éléments de niveau bloc, tels que les paragraphes et les éléments de titre. 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc L'attribut align est obsolète en HTML4/5. Veuillez plutôt utiliser CSS. Le titre prend en charge les attributs d'événement et les attributs globaux

Définir l'alignement du titre :

Syntaxe CSS : 43b22804203b6045a31eedffd0845461

Méthode 1 :

<!DOCTYPE html>  
<html>  
<body>  
<h1 style="text-align:center">This is heading 1</h1>  
<h2 style="text-align:left">This is heading 2</h2>  
<h3 style="text-align:right">This is heading 3</h3>  
<h4 style="text-align:justify">This is heading 4</h4>  
</body>  
</html>

Méthode 2 :

<!DOCTYPE html>  
<html>  
<head>  
<style>  
h1 {text-align:center}   
h2 {text-align:left}   
h3 {text-align:right}   
</style>  
</head>  
  
<body>  
<h1>This is heading 1</h1>  
<h2>This is heading 2</h2>  
<h3>This is heading 3</h3>  
</body>  
</html>

HTML : Ligne horizontale

balise 231a563c997aa9e3e0ae614bd16728b0 dans Créer des lignes horizontales dans les pages HTML. L'élément

hr peut être utilisé pour séparer le contenu.

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />

e388a4556c0f65e1904146cc1a846beeCeci est un paragraphe94b3e26ee717c64999d7867364b1b4a3Astuce : Utiliser des lignes horizontales (balises f32b48428a809b51f04d3228cdf461fa) pour séparer les sections d'un article est une façon (mais pas la seule). HTML5 ne prend pas en charge l'attribut d'alignement f32b48428a809b51f04d3228cdf461fa Veuillez plutôt utiliser CSS.

Dans HTML 4.01, l'attribut align de f32b48428a809b51f04d3228cdf461fa L'attribut

align spécifie l'alignement des lignes horizontales.

Remarque : L'attribut align n'aura aucun effet à moins que l'attribut width soit défini à moins de 100 %.

Syntaxe CSS (IE et Opera) : b6b08834a2c71e4c4f5c07ba37a5f4e5

Syntaxe CSS (Firefox, Chrome et Safari) : e982cfa4619a81dd06cff7a0e95feac5

Syntaxe CSS (multi-navigateurs) : 7ddfdf383f176d5259b96af8417ef01d

Valeur de l'attribut Description format de syntaxe CSSc98f903ba699f243c047ae970b8a1da0

aligner à gauche
centre
à droite HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie l'alignement des éléments f32b48428a809b51f04d3228cdf461fa

noshade noshade HTML5 ne prend pas en charge. HTML 4.01 est obsolète. Spécifie que la couleur de l'élément f32b48428a809b51f04d3228cdf461fa est rendue sous forme de couleur unie.

taille des pixels HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la hauteur de l'élément f32b48428a809b51f04d3228cdf461fa

pixels de largeur
% HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la largeur de l'élément f32b48428a809b51f04d3228cdf461fa

<!DOCTYPE html>  
<html>  
<body>  
<p>This is some text. This is some text. This is some text.</p>  
<hr style="width:50%;text-align:left;margin-left:0">  
<p>This is some text. This is some text. This is some text.</p>  
</body>  
</html>

HTML : Commentaires

peut insérer des commentaires dans le code HTML, ce qui peut améliorer sa lisibilité et rendre le code plus facile à comprendre. Le navigateur ignore les commentaires et ne les affiche pas.

Le commentaire est écrit ainsi :

a3bb2fa3b55d6ea57402e4243e1154a1

Commentaire : Les deux dernières barres obliques (/ /) sont le symbole de commentaire JavaScript. Cela garantit que JavaScript n'exécutera pas la balise -->

En plus de leur rôle évident dans les documents sources, de nombreux serveurs Web utilisent également des annotations pour implémenter des fonctionnalités propres aux logiciels de serveur de documents. Ces serveurs peuvent analyser les documents à la recherche de séquences de caractères spécifiques dans les commentaires HTML/XHTML traditionnels, puis prendre les actions appropriées en fonction des commandes intégrées dans les commentaires. Ces actions peuvent être aussi simples que l'inclusion de texte provenant d'autres fichiers (ce que l'on appelle l'inclusion à l'intérieur du serveur), ou elles peuvent être aussi complexes que l'exécution d'autres commandes pour générer dynamiquement le contenu du document.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Exemples détaillés de formatage de texte HTML

Quelles sont les balises de liste en HTML ?

Bases de l'édition HTML (une lecture incontournable pour les débutants)

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