Quoi de neuf en HTML5? 9 éléments à connaître

Quoi de neuf en HTML5? 9 éléments à connaître / La programmation

HTML5 est le dernier et le meilleur Qu'est-ce que HTML5 et comment change-t-il ma façon de naviguer? [MakeUseOf explique] Qu'est-ce que HTML5 et comment cela change-t-il la façon dont je navigue? [MakeUseOf explique] Au cours des dernières années, vous avez peut-être entendu le terme HTML5 de temps en temps. Que vous sachiez quoi que ce soit sur le développement Web ou non, le concept peut être quelque peu nébuleux et déroutant. Évidemment,… Lire la suite du langage de balisage le plus utilisé sur le Web. Il y a de gros changements par rapport à la dernière version du langage, et si vous ne les utilisez pas, vous manquez une fonctionnalité vraiment géniale.

Nous n'avons pas la place de couvrir tous les nouveaux éléments de la cinquième version de HTML, mais ces neuf sont parmi les plus importants. Pour plus d'informations sur les nouveaux éléments et les nouvelles API dans HTML5, n'oubliez pas de consulter W3Schools..

Une introduction aux éléments sémantiques

À l'instar d'une grande partie d'Internet, HTML5 s'est déplacé vers la sémantique. Désormais, au lieu d'utiliser simplement des balises pour la mise en forme, les balises indiquent également aux navigateurs et aux moteurs de recherche les sept principaux moteurs de recherche sémantiques comme alternative à Google Les sept principaux moteurs de recherche sémantiques comme alternative à Google Plus.

Par exemple,

indique simplement à un navigateur qu'il contient un paragraphe.

, que nous discuterons momentanément, indique à un navigateur qu’il contient le contenu principal de la page.

Le web sémantique continue de se développer et nous commençons seulement à effacer ce qu'il peut faire. HTML5 aide à apporter un balisage sémantique Qu'est-ce que le balisage sémantique est-il et comment va-t-il changer Internet pour toujours? [Technologie expliquée] et cela ne peut être que bon pour l'avenir du traitement sémantique.

1.

le

balise définit “contenu indépendant et autonome.” L'exemple le plus simple est, bien sûr, un article. Pour cet article particulier, nous ouvririons la balise avant l'introduction et la fermerions après la conclusion..

Tout le texte dans votre section autonome.

Mais il y a d'autres façons de l'utiliser. Par exemple, de nombreux blogs culinaires racontent des histoires personnelles sur la création d’une recette ou sur son importance pour l’écrivain. Il est ensuite suivi par la recette elle-même. Vous pouvez faire valoir que chacun de ces éléments peut être autonome.

Dans un forum, chaque message ou fil de discussion pourrait être considéré comme autonome, et chacun pourrait être marqué de son propre

étiquette. Pour la plupart, il sera utilisé sur le contenu principal d'une page. Mais gardez à l'esprit que vous pouvez l'utiliser de manière plus créative, aussi.

2.

Étroitement liée à

est
. Ceci définit un “regroupement thématique de contenu, généralement avec un en-tête.” Alors
sera à l'intérieur
… droite?

Pas nécessairement. W3 souligne que cela dépend de la structure de votre site. Vous pouvez avoir un contenu autonome dans différentes sections de votre page (pensez à la page d'accueil d'un site d'actualités, par exemple). Vous pourriez alors avoir des sections dans cet article.

Pourquoi avez-vous besoin d'un CAD?

Tout sonne mieux.

Comment configurer un DAC

Voici ce que vous devez faire…

Vous pouvez même avoir des sections dans les sections si cela correspond à votre page. Rappelez-vous qu'une section est simplement un “regroupement thématique de contenu,” et vous trouverez de nombreux endroits pour l'utiliser.

3.

Cet élément “devrait être utilisé comme un conteneur pour le contenu d'introduction.” En bref, c'est la partie de votre page qui aide les gens à comprendre ce qu'ils vont lire..

Mais ne vous y trompez pas: vous pouvez utiliser ce conteneur plusieurs fois. Par exemple, vous pouvez l’utiliser pour identifier le titre de la page et le paragraphe d’introduction de votre article de blog. Mais vous pouvez également l’utiliser pour marquer le contenu d’introduction de chaque section, ainsi que.

Tout ce que vous devez savoir sur les CAD

Voici une introduction utile aux CAD…

Le reste de votre article va ici.

Les sections d'en-tête contiennent généralement au moins une balise d'en-tête - H1, H2, etc. Ce n'est pas obligatoire, mais en général, si vous utilisez une balise de titre, il y a fort à parier que vous incluez le contenu de l'en-tête..

4.

W3 dit que les balises de pied de page contiennent généralement le “auteur du document, informations de copyright, liens vers les conditions d'utilisation, informations de contact, etc..” Vous pouvez penser à cela comme “Ménagère” des trucs.

La documentation indique également que vous pouvez avoir plusieurs sections de pied de page sur votre page. C'est probablement une bonne idée de garder toutes ces informations en un seul endroit..

5.

Cette balise contient les liens de navigation pour une page donnée. Notez que seule la section de navigation obtient cette balise, pas tous les liens de votre page. C'est pour les barres de navigation et outils similaires.

C'est un tag très simple - c'est tout ce qu'il y a à dire. Utilisez-le pour définir la section de navigation et ne l'utilisez plus sur votre page..

6.

L'un des nouveaux éléments les plus intéressants de HTML5 est le côté. W3 lui donne la définition peu utile de “du contenu en dehors du contenu dans lequel il est placé.”

En bref, un côté est tout ce qui est lié à (mais distinct de) l'information environnante. Ce pourrait être une barre latérale qui ajoute des détails à votre contenu. Quand il est utilisé dans un ensemble de

balises, il fournit des informations supplémentaires qui ne sont pas nécessaires à la compréhension du contenu principal.

Par exemple, si nous avions inclus une barre latérale dans cet article donnant des informations sur l'historique de HTML5, ce serait un problème.

Mais le