Wichtige HTML Tags die kaum jemand kennt! [DE/Tutorial]

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ม.ค. 2025

ความคิดเห็น • 28

  • @gamerel5028
    @gamerel5028 ปีที่แล้ว +1

    Zu Datum: Immer per String - DL DT DD letzt neu kennengelernt, vorher auch immer in Divs gepackt. Vielen Dank - mehr davon (Die anderen kannte ich schon, aber noch nie benötigt)

  •  ปีที่แล้ว +1

    Progress kannte ich nicht, hab bisher immer eine Libary verwendet. 🤦‍♂ Danke, dass ich nun auf eine Bibliothek mehr verzichten kann! Auch das dl/dt/dd waren wir neu und genau das, was ich für ein kleines Projekt, welches ich gerade umsetze, brauche! Danke dir!

  • @Eiskalt123
    @Eiskalt123 ปีที่แล้ว

    Vielen Dank! Das hilft sehr!

    • @UnleashedDesign
      @UnleashedDesign  ปีที่แล้ว

      Danke freut mich wenn dir das Video geholfen hat :)

  • @VJKaiC
    @VJKaiC ปีที่แล้ว

    Danke für dieses Video. Die meisten vorgestellten Möglichkeiten beziehen sich auf die Maschinenlesbarkeit. Ein eher zu "diskutierender" Mehrwert, denn es spielt der Marktmacht der Megakonzerne weiter in die Hände oder unterstützt die Lesbarkeit um KI-Netzwerke zu trainieren (also fremde Daten ungefragt zu kommerzialisieren). Interessant wäre da eher die Erwähnung von "dialog" und die letzte Fragestellung hätte ich mit den Tags "details" und "summary" gelöst. Denn dann hätte die Fragestellung auch einen Lerneffekt.

    • @UnleashedDesign
      @UnleashedDesign  ปีที่แล้ว

      Generell mag das stimmen :) aber viele dieser Tags sind auch sehr wichtig im Rahmen der Barrierefreiheit also Screenreader und so weiter. Aber auch die Auffindbarkeit von Web Projekten in Google/Bing und co. @Dialog/Summary/Details hatte ich schon in vergangen Videos gezeigt und wollte mich hier nicht wiederholen.

    • @VJKaiC
      @VJKaiC ปีที่แล้ว

      @@UnleashedDesign 🙂👍

  • @dimitridovgan6364
    @dimitridovgan6364 ปีที่แล้ว

    Richtig gut, vielen Dank! 😊

    • @UnleashedDesign
      @UnleashedDesign  ปีที่แล้ว

      Gerne, freut mich wenn es dir gefallen hat :)

  • @thomasnawroth6242
    @thomasnawroth6242 ปีที่แล้ว

    Manchmal kann alles so einfach sein. Man muss nur den richtigen Kanal abonniert haben. "progress" und "spellcheck" werden umgehend in mein Projekt eingebaut. Vielen Dank für dieses Video. 👍😎

    • @UnleashedDesign
      @UnleashedDesign  ปีที่แล้ว

      Danke freut mich wenn dir das Video helfen konnte :)

  • @techno-tutorials539
    @techno-tutorials539 ปีที่แล้ว

    löst das meiste

    • @UnleashedDesign
      @UnleashedDesign  ปีที่แล้ว

      Kommt sehr drauf an was du damit machst ;) weil Semantisch wäre das in vielen Fällen nicht korrekt, außer man fügt die Punkte mit Aria-Tags manuell hinzu.

  • @clumsyjester459
    @clumsyjester459 ปีที่แล้ว +1

    Ich finde "Frage + Antwort" entspricht nicht notwendigerweise einer Definition. Ich weiß nicht, ob ich da immer / / verwenden würde.

    • @UnleashedDesign
      @UnleashedDesign  ปีที่แล้ว

      Kommt drauf an, es handelt sich ja immer um eine Definition + Erklärung bei einer Frage genau wie bei anderen Punkten finde ich

    • @clumsyjester459
      @clumsyjester459 ปีที่แล้ว +1

      @@UnleashedDesign Ich kann es gerade nicht wirklich in Worte packen, aber für mich gibt es schon einen qualitativen Unterschied zwischen einem Wörterbuch oder Glosser (da würde ich die Tags verwenden) und einem FAQ.

  • @m.u.4449
    @m.u.4449 ปีที่แล้ว

    Gutes Video. Ist bei IONOS mit Nuxt nicht mal so etwas wie ein build für die Production notwendig?

    • @UnleashedDesign
      @UnleashedDesign  ปีที่แล้ว +1

      Doch :) aber das wird automatisch erkannt und durchgeführt

  •  ปีที่แล้ว +1

    Kannst du nicht mal ein Video über ARIA-Attribute machen? Da dies ein wichtiges Thema ist, in Bezug auf Barrierefreiheit und viele nicht genau wissen wie / wo / warum man sie anwenden muss / sollte.

  • @gamehubler
    @gamehubler ปีที่แล้ว +1

    Hey kleiner Hinweis, dein Bitly Link für IONOS Deploy Now in der Videobeschreibung funktioniert nicht. Dieser wird Geblockt von Bitly.

    • @UnleashedDesign
      @UnleashedDesign  ปีที่แล้ว +1

      Hallo, ja habe ich auch gesehen. Ist ausgetauscht :)

  • @Thamios
    @Thamios ปีที่แล้ว

    Die Progress Bar könnte man sogar nur über CSS-Animationen verändern, indem man ein wenig mit dem Hintergrund spielt (falls man auf die Anwendung von JS verzichten möchte).

  • @blackeagle_
    @blackeagle_ ปีที่แล้ว

    ich finde auch das neu hinzugefügt dialog element sehr cool

    • @UnleashedDesign
      @UnleashedDesign  ปีที่แล้ว

      Absolut :) aber das hatte ich schon in mehreren Videos :D

  • @PicSta
    @PicSta ปีที่แล้ว

    Vieles kannte ich, benutzte ich in der Vergangenheit aber eher selten, oder hatte es schlichtweg „falsch“ gelöst, weil ich nicht dran gedacht habe. Genauso wichtig wäre es, alle aria-Attribute zu lernen, diese entsprechend zu benutzen. Und paar andere Dinge wie „Skip to Content“ Buttons usw. Ich habe mich damit leider bisher nur zu dürftig mit beschäftigt. Falls du also noch Inspirationen für ein neues Video suchst, dann gerne auch darüber ;-)

  • @teamakesgames
    @teamakesgames ปีที่แล้ว

    durch cohost hab ich das erste mal über
    + gelernt
    HTML-eigener ausklappbarer Text

  • @Farbfilmstudio
    @Farbfilmstudio ปีที่แล้ว +1

    Was ist jetzt genau der Vorteil von dem Schema?

    • @UnleashedDesign
      @UnleashedDesign  ปีที่แล้ว +1

      Das Daten in einem "korrekten" Format definiert werden, also z.B. für Google und co aber auch Screenreder genau wissen was du beschreiben willst :)