Beaucoup de gens qui débutent dans la conception Web et le HTML / CSS utilisent le et L'élément div définit les divisions logiques sur votre page Web. C'est en gros une boîte dans laquelle vous pouvez placer d'autres éléments HTML qui vont logiquement ensemble. Une division peut contenir de nombreux autres éléments, tels que des paragraphes, des en-têtes, des listes, des liens, des images, etc. Elle peut même contenir d'autres divisions afin de fournir une structure et une organisation supplémentaires à votre document HTML. Pour utiliser l'élément div, placez un open id = "myDiv">
), ou un sélecteur de classe (par exemple, class = "bigDiv"> L'élément div est différent de l'élément section HTML5 car il ne donne aucune signification sémantique au contenu inclus. Si vous ne savez pas si le bloc de contenu doit être une div ou une section, réfléchissez à l’utilité de l’élément et du contenu pour vous aider à décider lequel utiliser: En fin de compte, les div et les sections se comportent de manière assez similaire. Vous pouvez leur attribuer des valeurs d'attribut et les attribuer à un style CSS pour obtenir l'apparence dont vous avez besoin pour votre site. Ces deux éléments sont des éléments de niveau bloc. L'élément span est un élément en ligne par défaut. Cela le distingue des éléments div et section. L'élément span est souvent utilisé pour envelopper un élément de contenu spécifique, généralement du texte, pour lui donner un "crochet" supplémentaire pouvant être stylé ultérieurement. Utilisé avec CSS, il peut changer le style du texte qu'il contient. Cependant, sans aucun attribut de style, l'élément span n'a aucun effet sur le texte. C'est la principale différence entre les éléments span et div. Comme mentionné ci-dessus, l'élément div inclut un saut de paragraphe, tandis que l'élément span indique uniquement au navigateur d'appliquer les règles de style CSS associées à ce qui est délimité par Mots clés: Texte surligné et texte non surligné. Ajouter le class = "mettre en évidence"
ou une autre classe de l'élément span pour styler le texte avec CSS (par exemple, class = "mettre en évidence">
). L'élément span n'a pas d'attribut requis, mais les trois les plus utiles sont les mêmes que ceux de l'élément div: Utilisez span lorsque vous souhaitez modifier le style du contenu sans définir ce contenu en tant que nouvel élément de niveau bloc dans le document. Par exemple, si vous souhaitez que le deuxième mot d'un en-tête h3 soit en rouge, vous pouvez entourer ce mot d'un élément d'étendue qui le transformera en texte rouge. Le mot fait toujours partie de l'élément h3, mais s'affiche également en rouge: En utilisant le
). Ces deux attributs peuvent ensuite être sélectionnés à l'aide de CSS ou modifiés à l'aide de JavaScript. Les meilleures pratiques actuelles préconisent l’utilisation de sélecteurs de classe au lieu d’ID, en partie à cause de la spécificité des sélecteurs d’ID. En vérité, toutefois, vous pouvez utiliser l’un ou l’autre et même attribuer à une division un identifiant et un sélecteur de classe.
En utilisant le Élément
C'est mon titre génial
éléments interchangeables lorsqu’ils construisent des pages Web. La réalité, cependant, est que chacun de ces éléments HTML remplit des fonctions différentes. En apprenant à les utiliser aux fins prévues, vous pourrez créer des pages Web plus propres, au code plus facile à gérer.
Élément
tag avant la zone de votre page que vous voulez comme une division séparée, et une fermeture
tag après:
contenu de div
Si la zone de votre page nécessite des informations supplémentaires que vous utiliserez pour styler ultérieurement avec CSS, vous pouvez ajouter un sélecteur d'identifiant (par exemple,
Contre
