it-swarm.dev

Voce di menu senza collegamento

Creo spesso una voce di menu senza collegamento (come una voce di menu non selezionabile con un menu a discesa), ma nella scheda "Collegamenti di sistema", ci sono diverse opzioni che sembrano simili.

enter image description here

Qual è la differenza tra l'utilizzo di Intestazione men, Separatore di testo e un RL esterno che punta a "#"?

5
johanpw

La differenza principale è come viene visualizzato l'HTML. Quindi dipende dal modello l'aspetto delle voci di menu. Ecco come il modello Protostar predefinito mostrerà le diverse opzioni:

Protostar template menu options

URL esterno

L'output HTML predefinito della voce di menu è un collegamento.

<li class="item-120"><a href="#">External URL menu item</a></li>

È esattamente uguale a qualsiasi altra voce di menu "normale":

Voce voce meny

Questo creerà il seguente codice HTML per la tua voce di menu:

<li class="item-121"><span class="nav-header">Menu Heading item</span></li>

Separatore di testo

L'output HTML predefinito del separatore di testo è questo:

<li class="item-122 divider"><span class="separator">Text Separator item</span></li>

(Nota la divisione aggiuntiva divisore nella classe <li> tag.)

Altri modelli

Molti modelli sovrascriveranno il rendering predefinito e forniranno risultati diversi. Ecco come appaiono le stesse voci di menu in un modello da Joomla51.com :

Menu items in J51 template

Output HTML dello stesso 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>

Nota come tutte le voci di menu sembrano uguali. Questo è anche il caso di altri club modello, come RocketTheme (anche se il codice sorgente è diverso, i tre elementi sembrano uguali).

9
johanpw