Dans les tutoriels précédents sur wulin.com, il a été souligné à plusieurs reprises que les fichiers HTML de la page Web ont une sémantique. Nous devons choisir les balises HTML ou XHTML les plus appropriées en fonction de la structure du document HTML de la page Web, plutôt que de les sélectionner en fonction de leur apparence et de leur style. Utilisez la balise P pour définir un paragraphe, au lieu de l'utiliser pour obtenir un nouvel effet de ligne. Au lieu de les utiliser pour atteindre la taille du texte et les effets en gras, nous utilisons des balises H1-H6 pour marquer les titres.
Par exemple, un titre, nous pouvons le définir avec H1:
<h1> Le texte du titre de l'article est écrit ici </h1>
Et aucun autre moyen ne devrait être utilisé pour le définir:
<p style = taille de police: 16px; Font-Weight: Bold;> Le texte du titre de l'article est écrit ici </p>
Dans les articles précédents de wulin.com, nous avons répertorié toutes les balises autorisées par XHTML1.0, et nous pouvons également constater qu'il y a en fait très peu de balises d'élément qui nous permettent de choisir. Mais nous réalisons également clairement que ces marques élémentaires raffinées sont également plus significatives. Si vous ne trouvez vraiment pas le bon élément pour le marquer, vous pouvez utiliser les balises Div et Span communes.
L'utilisation de divs et de balises Span sur la page est un nouveau problème, et nous sommes sujets à les utiliser trop. L'utilisation nécessaire et raisonnable de Div peut améliorer considérablement la structure du document. Si vous regardez votre document HTML et constatez qu'il y a beaucoup de div et de portées, vous devez regarder le problème sous un angle différent. Y a-t-il des abus? Y a-t-il de meilleurs marqueurs pour les remplacer? Si H1 peut mieux représenter le contenu marqué, vous devez abandonner P ou Span pour la définition.
C'est peut-être une paire de contradictions, et il est difficile pour nous de comprendre comment les utiliser correctement, ou peut-être que nous ne pouvons pas obtenir de réponse claire du tout. Mais une chose à clarifier est que nous devons rendre le document logiquement clair et plus facile pour appliquer des styles. Nous pouvons simplement regarder une div en tant que conteneur ou comme composant d'un document. Nous utilisons trop de conteneurs, ce qui n'est pas un motif sage. Un conteneur qui est juste dans une position raisonnable peut rendre l'ensemble du document très organisé.
Le code suivant est plus raisonnable et efficace:
<div id = en-tête>
<h1> wulin.com vevb.com. Bienvenue à votre arrivée </h1>
<h2> wulin.com webjx.com fournit la technologie Web la plus récente et la plus rapide </h2>
<p> wulin.com vevb.com fournit des tutoriels de production Web, des tutoriels de production Web dynamique, des guides de création de sites Web, des tutoriels d'animation flash, des tutoriels vidéo, des codes d'effets spéciaux Web, des matériaux Web, des téléchargements de livres et d'autres contenus. J'espère que cela peut vous aider dans votre travail et vos études. </p>
</div>