+++LIVE+++ #WWSIV heute ab 20:00 Uhr LIVE auf Twitch! +++LIVE+++

HTML von a bis z-z V: Inline Text Semantics (Teil 1)

Folge №63 · Veröffentlicht am: · Spielzeit: 106 Minuten

Unsere „Hey Tut Mir Leid“-Serie geht weiter! Wir versuchen uns an einer semantischen Entwirrung der Elemente b, strong, i und em, erklären wofür bdi und bdo gebraucht werden und wurschteln und noch durch die Specs von dfn, kbd und mark. Dazu zeigen noch wir wo man GitHub Repo Statistiken findet. Wir hören uns wieder im Mai!

Shownotes

Begrüßung – [00:00:55]

Retro

Tagesthema: Inline Text Semantics (Teil 1) – [00:26:46]

  1. <abbr> – [00:29:45]
  2. <b> vs <strong> vs <i> vs <em> – [00:33:56]
  3. <bdi> & <bdo> – [00:53:02]
  4. <br> – [00:58:54]
  5. <cite> – [01:07:30]
  6. <code> – [01:12:09]
  7. <data> – [01:14:07]
  8. <dfn> – [01:20:11]
  9. <kbd> – [01:26:09]
  10. <mark> – [01:31:28]

GeilTeil: GitHub Insights – [01:38:52]

  • github.com/<username>/<repository>/graphs/traffic

Das Ende – [01:43:56]

Kommentare

Name

Fabelkommentierte

am

Zum Thema „im Inkognito-Modus in Brave sind die Farben kräftiger“…
Lieber Moritz: Pornos werden oft einfach ein wenig over-saturated produziert!

Name

Moritzkommentierte

am

Ich glaube ich habe das Mysterium gelöst. Ich hatte das Hintergrundbild meines Macs geändert. Ich wusste nicht, dass das Auswirkungen auf alle möglichen Apps hat, selbst wenn sie nicht direkt auf dem Hintergrund platziert. sind.

Name

Fabelkommentierte

am

Ich hoffe ihr bleibt uns erhalten und haut nicht all zu lange ab!

Name

Moritzkommentierte

am

❤️

Name

Meise2000kommentierte

am

dito 🙃

Name

Meise2000kommentierte

am

Das F in „dev“ steht für Fokus… 🤣😜👍

Name

Moritzkommentierte

am

😅

Name

Meise2000kommentierte

am

Zum Element dfn: In der HTML-Spec vom W3C kommt das recht häufig vor. In der Uni hatte ich früher auch viel Mathe. Da würden Definition auch genauso gemacht, wie das in der Verwendung auf MDN beschrieben ist.
Ich sehe es so, dass eine Definition aus einer Bezeichnung und einem Wert (dem Beschreibungstext) besteht. So ähnlich wie eine Variable einem Namen und einen Wert hat.
In meine mentale Welt passt das mit dfn – so wie es ist – ganz gut rein… 🙃

Name

Meise2000kommentierte

am

👍

Name

Meise2000kommentierte

am

Ein Gedanke noch zum data-Element mit dem verpflichtenden value-Attribut. Für mich ist das analog zu dem option-Element mit dem value-Attribut. Das Frontend muss ja nicht so genau wissen, wie der technische Wert (im value-Attribute) zu verstehen ist, sondern nur, dass es sich hier um den technischen Wert handelt, der ggf. gegen eine Schnittstelle geworfen werden kann.
Ein Beispiel wären hier möglicherweise so etwas wie Fehlermeldung die aus dem Backend kommen und technischer Natur sind – bei denen der User also nichts machen kann. Diese Fehler kannst du dann lesbarer Form anzeigen und den technischen Fehler-Code gegen eine Schnittstelle schicken (zusammen mit dem User und ggf. weiteren relevanten Daten). Wenn das auf der anderen Seite der Schnittstelle gut gemonitort wird, hilft das schon. Wenn der User z.B. etwas speichern will und das nicht klappt, kann es ja mehrere Ursachen geben: „Platte voll“ (Fehler-Code: 42) oder „Keine Connection zu DB“ (Fehler-Code: 43) will man vielleicht dem User anzeigen. Sondern da wäre der Text einfach nur „Sorry technischer Fehler“ aber die eigentliche Ursache steckt im Value, welche das Frontend dann irgendwo melden muss. Und dort wird entsprechend reagiert – entweder es wird eine größere Platte gekauft oder der Connectionpool zur Datenbank vergrößert

Name

Moritzkommentierte

am

Ein schönes Beispiel, wie ich finde.

Name

Jenskommentierte

am

Hallo, wollt auf meinem Smartphone gerade das FirefoxAddon YewTube ausprobieren, ist leider nicht kompatibel… Hab (soweit ich weiss) die aktuelle Version 122 drauf. Jedoch Fennec, hab Linage drauf und im AppStore wird Firefox dann unter Fennec geführt. Andere Addons gibts wie gewohnt. (Bisher bin ich eher Addon Nutzer auf dem Laptop) aber you tube und Werbung stört mich meist mehr am Handy…

PS.: viel Spass beim Reisen!

Name

Moritzkommentierte

am

Hi! Ich habe meine beiden Add-Ons bewusst nicht für FirefoxMobile freigegeben, weil ich keine Möglichkeit hatte sie zu testen und Mozilla mir Tod und Verderben angedroht hat, wenn man es freigibt und nicht getestet hat. Meinst ich soll einfach freigeben und schauen was passiert?

Name

Moritzkommentierte

am

Wir könnten das so machen: ich geb’s in Absprache mit dir für ’nen bestimmten Zeitraum frei. Du testest, lässt mich wissen ob es funktioniert und dann nehme ich die Freigabe zurück oder eben nicht. Schreib mir einfach ’ne Mail. Adresse findest du auf https://moritzgiessmann.de/blog/ im Footer.

Name

Frakokommentierte

am

Zum Thema self-closing tags nicht mehr als solche zu kennzeichnen (br ohne /): in JSX ist der Slash soweit ich weiß sogar zwingend, also zumindest in diesem Kontext sehr wohl zeitgemäß 😉

Name

Moritzkommentierte

am

JSX ist kein HTML. Von daher passt das für mich.

Name

Danielkommentierte

am

Die Bibel gibts mindestens in folgendem Minecraft Plugin auf GitHub: bible-in-minecraft

Kommentiere!
Folgendes HTML erlaubt
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

Die E-Mail-Adresse wird nicht öffentlich angezeigt.

Wir sind im Moment live auf Twitch!