HTML Webseite programmieren: Ideen

Boa-P schrieb:
kann das mit semantischem HTML einfach nicht mithalten.
was ist denn "semantisches HTML"? Meinst du eingebettetes RDF aka RDFa oder JSON-LD?

Boa-P schrieb:
@github-host2
konntest du denn bereits was finden was du nun machen kannst?
der TE ist eh nicht mehr da, er hatte unerlaubt einen 2. Account angelegt und sich mit diesem auch hier noch ueber Github informiert: https://www.computerbase.de/forum/threads/github-was-sind-welche-funktionen.2096874/#post-27162829

Beide Accounts sind nun gebannt
 
Hi @abcddcba

abcddcba schrieb:
was ist denn "semantisches HTML"? Meinst du eingebettetes RDF aka RDFa oder JSON-LD?
darunter versteht man, dass man die korrekten HTML-Tags nutzt für den Inhalt oder Funktion. Beispiel sind:
  • man hat eine Auslistung -> <ul> oder <ol> Tags mit <li> Tags drin. Kann man auch alles mit <div> Tags machen, aber ein Screenreader oder andere Assistive Tools erkennen diese nicht als Liste
  • ein sogenannten Call-To-Action, sollte man in der Regel mit einem Button machen
  • soll der Nutzer umgeleitet werden, auf eine neue Seite, sollte man in der Regel einen Link benutzen
  • bei einem Custom Accordion, sollten die entsprechenden Aria-Attribtue (role, exapanded, collapsed, controlled by) verwendet werden, um allen Benutzer damit zu zeigen um was es sich dabei handelt.
  • eine Navigation gehört in <nav> Tags
  • ein Menü sollte als solches gekennzeichnet sein -> aria-role="menu". Die Menüeinträge ebenfalls
  • ein Bild in ein <img> Tag, gibt es eine Bildunterschrift sollte der Aufbau zudem ein <figure> und <figcaption> Tag beinhalten
die Liste könnte man noch ne Weile weiterführen.
Es gibt nen Haufen HTML Elemente die alle Ihren Nutzen haben, dort sollte man als ersten nachschauen. Kann man diese nicht verwenden, bspw. weil diese sehr schwer zu stylen sind mit CSS, sollten die Custom HTML Element aber mit entsprechenden Aria-Attribtuen versehen werden und wo mögliche einzelne Bestandteile wieder mit nativen HTML Elementen.

abcddcba schrieb:
der TE ist eh nicht mehr da, er hatte unerlaubt einen 2. Account angelegt und sich mit diesem auch hier noch ueber Github informiert: https://www.computerbase.de/forum/threads/github-was-sind-welche-funktionen.2096874/#post-27162829

Beide Accounts sind nun gebannt
:lol: alles klar
 
  • Gefällt mir
Reaktionen: netzgestaltung
Tja das Semantic Web ist schon wieder eine Weile her. Frameworks und Libs schauen nun wieder eher wie table-layout aus. Ist ja in der App wurscht ;-)
 
Ich würde nicht sagen ne Weile her, sondern zum Teil vereint und nicht beigebracht ;) Auch Web Apps profitieren davon wenn der Inhalt nicht nur mit Maus oder Touch bedienbar ist, sondern auch mit bspw. Tastatur. Auch dort spielt dann die Auszeichnung bzw. Semantik eine Rolle.
 
netzgestaltung schrieb:
Tja das Semantic Web ist schon wieder eine Weile her.
Naja, verschwunden ist es nicht (ganz) ... heute nennt man es nur eher "Knowledge Graphs", klingt mehr fancy. Aber ja, die richtige Vison von Tim Berners Lee war eh utopisch. Mittlerweile ist er ja auch bei SOLID gelandet und baut auf Data Pods.

@Boa-P ok, dann hab ich wohl ein anderes Verstaendnis von Semantik, fuer mich geht es eher um die Semantik von der Domaene. Aber gut, ich arbeite auch eh in einer Forschungsgruppe und hab quasi null Ahnung von Web Development. Zumindest nicht sowas in Production wie @netzgestaltung , der damit mit "echten" Anwendungen sein Geld verdient. Bin leider eher in der R&D Ecke gelandet
 
Wobei die meisten CMS Editoren das heutzutage schon recht gut und einfach machen für den Inhaltsteil. Wie der dann ausgeliefert wird ist wieder eine andere Frage.
 
Zurück
Oben