Article de menu sans lien
Je crée souvent un élément de menu sans lien (comme un élément de menu non cliquable avec un menu déroulant), mais dans l'onglet "Liens système", plusieurs options se ressemblent.
Quelle est la différence entre en-tête de men, séparateur de texte et un RL externe pointant sur liée à "#"?
La principale différence réside dans le rendu du code HTML. Cela dépend donc du modèle à quoi ressemblent les éléments de menu. Voici comment le modèle Protostar par défaut affichera les différentes options:
URL externe
La sortie HTML par défaut de l'élément de menu est un lien.
<li class="item-120"><a href="#">External URL menu item</a></li>
Ceci est identique à tout autre élément de menu "normal":
Meny Item Item
Cela créera le code HTML suivant pour votre élément de menu:
<li class="item-121"><span class="nav-header">Menu Heading item</span></li>
Séparateur de texte
La sortie HTML par défaut du séparateur de texte est la suivante:
<li class="item-122 divider"><span class="separator">Text Separator item</span></li>
(Notez le diviseur supplémentaire dans la classe <li> tag.)
Autres modèles
De nombreux modèles remplaceront le rendu par défaut et donneront des résultats différents. Voici à quoi ressemblent les mêmes éléments de menu dans un modèle de Joomla51.com :
Sortie HTML du même menu:
<li class="item-120"><a href="#" tabindex="-1" class="subMenuBtn">External URL menu item</a></li>
<li class="item-121"><a href="/" tabindex="-1" class="subMenuBtn">Menu Heading item</a></li>
<li class="item-122"><a tabindex="-1" class="subMenuBtn">Text Separator item</a>
</li></ul>
Notez que tous les éléments de menu ont le même aspect. C'est également le cas avec d'autres clubs modèles, comme RocketTheme (bien que le code source soit différent, les trois éléments se ressemblent).