2 1 12 34 0 0 0

Das Verweis-Element <a>

Referenzieren in HTML gehört zu den ersten Schritten, die man lernt. Somit lasse ich hier auch allgemeine Erläuterungen weg.
Auf zwei Besonderheiten, die erst mittels CSS zur Wirkung kommen, möchte ich dennoch eingehen.

Die erste, gefunden in selfhtml.org, benutzt ein <a> ohne eine Ressource zu benennen. Die Angabe href="..." entfällt.
Als ich den Beitrag: Eine zugängliche Multilevel-Dropdown-Navigation nicht so leicht zu finden unter:
http://wiki.selfhtml.org/wiki/JavaScript/Anwendung_und_Praxis/Eine_zugängliche_Multilevel-Dropdown-Navigation las, war ich von den Socken. Wie abgefahren ist das denn. Ein <a>-Element ohne href einzusetzen, um dann durch die PseudoKlasse a:not([href] Einfluß auf ein bestimmtes Aussehen zu nehmen.
Um nur die Wirkungsweise zu dokumentieren folgt in gekürzter Form die Eigenschaftsbenennung:


// Gib Links, die kein href-Attribut haben, einen Dropdown/right-Pfeil
// und sie dürfen die CSS-Klasse "current page" nicht haben.
#nav ul a:not([href]):not([class="current page"]):before {  
 content: "\25b8";  /* Pfeil rechts */
}
#nav > li > a:not([href]):not([class="current page"]):before { 
   content: "\25be";  /* Pfeil runter */
}

Wie jeder unschwer erkennen kann, habe ich mir dieses Projekt hier zum Vorbild für die Navigation genommen.

Ein zweites Verhalten möchte ich folgend beschreiben. Wenn durch einen Link ein neuer Inhalt aufgerufen wurde, warum soll der immer noch als Link tätig sein? Er hat doch seinen Dienst geleistet. Soll man da immer und immer wieder draufdrücken können? Da kommt nichts anderes.
Fazit: Der getätigte Verweis braucht dann kein <a>-Attribut mehr, nur noch seine Bezeichnung.
Warum also nicht: (Wertermittlung symbolisch geschrieben für eine PHP-Ausgabe)


echo $aktuellerPfad != $meinPfad ? "<p><a href='?k=$meinPfad'>$bezeichnung</a></p>" : "<p>$bezeichnung</p>"

Verstanden? Wenn der ausgeführte query-string $aktuellerPfad nicht mit $meinPfad übereinstimmt, bin ich ein Link und ansonsten ein Text, der vielleicht auch ein wenig anders aussehen darf. Als Demo läuft im Fuss ein Hinweis mit.


Dokument geändert am: 03. Aug. 2016 19:30