section - footer html exemple



Quelle est la différence entre l'utilisation de NAV et DIV autour des barres de navigation Bootstrap 3? (2)

Dans les exemples des dernières barres de navigation Bootstrap 3, j'ai trouvé plusieurs exemples sur le Web où le balisage de la barre de navigation externe est

<div class="navbar navbar-default navbar-static-top">...</div>

et d'autres exemples utilisent

<nav class="navbar navbar-default" role="navigation">...</nav>

Tous les exemples sont corrects et la documentation appelle NAV. Ce qui m'amène à me demander si beaucoup d'exemples sur le Web sont des restes de la version 2 qui n'ont pas été réécrits pour la version 3, ou s'il est correct d'utiliser l'un ou l'autre des balises environnantes.

Example

https://ffff65535.com


Si vous considérez " div ", c'est un élément de bloc qui ne contient rien, il est vide, une boîte vide prête à être remplie de toutes sortes de code html- #X . L'élément " Nav " est sensiblement le même, mais il est réservé à un ensemble spécifique de code html5, donc réservé aux liens de navigation (en pratique des règles pouvant être rompues). Cependant, vous pouvez faire la même chose dans l'une ou l'autre des balises, c'est-à-dire les attributs CSS qui contrôlent et manipulent les deux.

Bien que je ne sois pas certain qu’il existe des directives spécifiques qui réglementent, restreignent ou répriment la navigation au-dessus de la div, elles semblent avoir la même étiquette dans toutes les perspectives, une boîte vide.

Nav et div prennent en charge les attributs Global et Event , il n'y a donc aucune différence. Étant donné que nav et div sont tous deux des Box Box globaux, vous avez beaucoup de possibilités en tant que codeur scientifique fou.

Désolé pour les références faibles mais ( W3 Schools )

Offre un bon aperçu de la différence en termes plus simples.

En bref: nav (html5) a été créé comme un complément à div afin de faciliter le codage des balises et de le rendre plus lisible et compréhensible pour les développeurs. BTW: div n'est pas déprécié comme une balise dans html5 / ne sera jamais IMO, et un autre comme frère est span . L'ancienne façon de créer un conteneur / boîte de navigation était -

<div id="nav"><a href="whatever">link</a></div>......... <div id="navigation"><a href="whatever">link</a></div>.........  <div id="whatever" class="nav"><a href="whatever">link</a></div>

mais dans le monde merveilleux de html5 la balise div a donné naissance à la balise de nav de clone

<nav> <a href="whatever">my anchor/button/list of links with sprinkles</a></nav>

La balise de navigation offre une indication plus précise de son utilisation. Il s’agit simplement des éléments non sémantiques (div) et sémantiques (nav) ; pour copier et plagier l'explication des écoles W3 ....

Un élément sémantique décrit clairement sa signification pour le navigateur et le développeur.

nav décrit clairement dans le code qu'il s'agit d'un bloc / tag-block utilisé pour contenir les liens de navigation avec les ul-li, a / href, boutons .... nav n'obtient ou ne poste rien puisqu'il s'agit simplement d'un conteneur vide jusqu'à ce que vous y mettez vos liens d’interface utilisateur. Même alors, nav ne fait rien, ce sont les liens qui font le travail. Les attributs associés à la balise nav font les manipulations sur la balise masquer / montrer, dans ses positions.

Div (divide) est "non sémantique" car il ne décrit pas (tellement) sémantiquement ce qu'il est spécifiquement destiné ou fait; Nav (navigation) se décrit comme tel et est considéré comme sémantique .

Enfin, et de côté dans les relations, html5 est en passe de devenir la nouvelle norme, mais nous ne pouvons pas exclure les versions antérieures de HTML (3.x et 4.1) en faveur de HTML5, nous devons être rétrocompatibles. Il y a beaucoup d'utilisateurs qui ne peuvent pas utiliser les nouveaux navigateurs qui supportent html5 en raison de systèmes d'exploitation plus anciens tels que Windows XP. Donc, gardez à l’esprit qu’il ya encore beaucoup d’utilisateurs qui sont obligés d’exécuter IE 6,7,8 Crap, ce qui ne rendra pas le nouveau navigateur HTML et autres balises. C'est si vous voulez atteindre tous les publics potentiels.

J'espère que cela vous permettra de mieux comprendre la différence et de comprendre la question et le but de div et nav.


<nav> est l'élément conteneur sémantique HTML5 pour vos principaux éléments de navigation.

Le nav est un élément de niveau bloc utilisé pour désigner une section de liens de navigation majeurs sur une page. Tous les liens ne doivent pas être inclus dans un élément de navigation. La navigation doit être réservée aux sections de navigation principales, y compris la navigation universelle, une table des matières, des liens, des liens précédents / suivants ou d’autres groupes de liens remarquables.

de http://learn.shayhowe.com/html-css/elements-semantics

Si vous utilisez HTML5, vous devez utiliser nav.





twitter-bootstrap-3