Allgemeines zu Elementen des HTML
Hier sinne ich mal ein wenig wahllos über einige Elemente.
Auch wenn mit HTML5 der Ansatz gelegt ist, den Einsatz von Elementen aus sich selbst erklärenden Namen besser zu verstehen und dies entsprechend anzuwenden, wird es einem Webseitenentwickler dennoch nicht leichter gemacht. Ich nehme mal das
<div>-Element
Aus dem Namen ist ein definierter Bereich abzuleiten und dessen Einsatz war klar. Nun sind <section> und <article> für einen Bereich hinzugekommen, die ihren Inhalt spezifizierter zum Ausdruck bringen sollen. An anderer Stelle musste ich bereits fragen: „Wer sollte nun wessen Kind sein?“ Wenn darüber nicht Klarheit herrscht, obliegt es dem Gutdünken des Webdesigners und ist das nun gut? Vom Gefühl her würde ich gern <article> als Element des <section> ansehen. Aber mal ehrlich: „Was hat das Programmieren mit Gefühlen zu tun?“ Wenn man sein Webprojekt als sein Kind versteht, naja dann vielleicht schon. Aber einem Sachverstand möchte ich mehr Gewicht verleihen. Ich würde es sehr schätzen, wenn da Orientierungshilfen in Zukunft gegeben werden.
Das <span>-Element
irgendwie als Spanne zu übersetzen und als Bestandteil eines im Absatzes hervorgehobenen Teils deklariert, hatte es bei mir in der Vergangenheit vielfältigste Aufgaben zu erfüllen. Da es ohne weiteren Eigenschaften daherkommt, hatte ich es zur Werteverarbeitung eingesetzt. Nun stoße ich auf das <var>-Element (Zitat: Steht für eine Variable. Dies kann ein tatsächlicher mathematischer Ausdruck oder Programmierungskontext sein, ein Identifier für eine Konstante, ein Symbol für eine physikalische Größe, ein Funktionsparameter oder einfach ein Platzhalter sein.) Oje! Jetzt kommt wieder mein Bauchgefühl: ich setze es für:
<var id="aktuelleSeite"><?php echo $seite; ?></var> ein.
war früher einfach
<var><span>.Punkt
Mal abgesehen davon, dass dem Browser das Sch... egal ist, was ich dafür einsetze. Bringt das irgend was? Und wem? Ich will doch nur weiter hinten - im Code - mittels JavaScript in Abhängigkeit des Wertes irgend etwas auslösen.
Nun gut! Das <span>-Element soll allein seine Aufgaben im Absatz erfüllen.
Das <a>-Element
Auf das Verweiselement gehe ich in HTML ► Textgestaltung ► Verweise näher ein. In Abhängigkeit, ob auf eine Ressource verwiesen wird oder nicht, werden CSS-Eigenschaften entsprechend notiert. Lässt das nun den Schluss zu, ähnlich mit anderen Elementen umgehen zu können?
Von welchen weiteren Abhängigkeiten kann man ausgehen:
1. Da wäre die Elementschachtelung als erstes zu nennen. Als Beispiel nehme ich das <q>-Element für kurze Zitate.
Ist dies ein direktes Kind von <p> oder nicht?
Mit der Eigenschaft content können Sie auf vielfältige Art und Weise
für die Pseudoelemente before und after Inhalte erzeugen.
Mit der Eigenschaft content können Sie auf vielfältige Art und Weise
für die Pseudoelemente before und after Inhalte erzeugen.
Mit der Eigenschaft content können Sie auf vielfältige Art und Weise
für die Pseudoelemente before und after Inhalte erzeugen.
In dem mittels content: "Zitat: " bzw. content: "Beispiel: " die Wortgruppen vorangestellt werden, verliert das <q>-Element seine Eigenschaft, dies in Anführungszeichen einzuschließen.
Um dem entgegenzuwirken, reiche ich für das <span>-Element die Anführungszeichen nach ( 2 und 3 ). Damit unterscheidet sich das <em>-Element vom <span>-Element.
In 46 bis 47 hat <q> nur den Absatz als Elternelement. Leider stellen nicht alle von mir getesteten Browser dies mit den typografischen Anführungszeichen dar. Firefox und Safari setzen Hochzeichen (Stand: 2.12.2015).
2. Eine weitere Möglichkeit zur Formatierung stellen Universalattribute in HTML-Tags dar. Von denen nehme ich das title-Attribut. Für die Attribute id, class und style werden üblicherweise Eigenschaften bereits angewendet. Sie können dann allerdings geändert oder erweitert werden wie hier: title-Attribut.
Drei Variationen für Eigenschaften auf das <span>-Element angewendet:
2.1.: <span class='gruppe'>Das <code><span></code>-Element</span> ► Das <span>-Element
2.2.: Von denen nehme ich das <span>title-Attribut</span> ► Von denen nehme ich das title-Attribut
2.3.: ... wie hier: <span title="titel1">title-Attribut</span> ► ... wie hier: title-Attribut
Die CSS-Formatierung:
Natürlich kann man für ein Element mit einem title-Attribut dies auch durch eine Klasse oder Klassenkombinationen ersetzen. Die Abfrage, ob ein Element mit einer Klasseneigenschaft versehen ist, finde ich aber recht konstruktiv.
3. Auch mittels PHP können Eigenschaften in Abhängigkeit ermittelter Werte angewendet werden. Dies demonstriere ich innerhalb der „Alternativen Navigation“. Es soll zur Vollständigkeit hier nur erwähnt sein. Dass die CSS-Beschreibung in diesen Fällen nicht innerhalb des <head> notiert werden kann, wird vielleicht Stirnrunzeln erzeugen. Es besteht keine Pflicht dazu und Browser arbeiten dies auch klaglos ab.
Hier bin ich auch noch lange nicht durch! Werde ich auch auf längere Sicht nicht sein - wie vieles hier!