Propaedeutikum Semantik und HTML5

susanne.groiss.uni-linz, 29. Februar 2016, 21:42

Im Rahmen des ersten Tages des WebWi Propädeutikum behandelten wir HTML5 im Web und die Möglichkeit, Inhalte in einen semantischen Kontext zu setzen.

 

Das Semantische Web ist im Rahmen des "Internet der Dinge"  eine Notwendigkeit, um der schieren Datenflut durch die Zuordnung von bloßen Daten zu einem Kontext Herr zu werden. Denn erst, wenn Daten einem Kontext zugeführt werden, können daraus Informationen gewonnen werden

(http://t3n.de/news/semantik-html5-528492/, Semantik im Web 3.0, 2014)

 

HTML dient als Auszeichnungssprache dazu, einen Text semantisch zu strukturieren.
Beim heutigen Übungs-Beitrag wurden unterschiedliche Tags und Elemente getestet. 
Zur Unterstützung wurde folgende Webseite herangezogen:

http://www.w3schools.com/html/html5_semantic_elements.asp

 

Folgende Semantic Elemente wurden im Übungs-Beitrag verändert:

1. Die Überschriften H3 und H4 wurden im HTML-Quellcode definiert.

<h3> Lorem ipsum dolor </h3>

2. Im Fließtext wurden Aufzählungspunkte mit dem Tag <li> hinzugefügt.

<li> Lorem ipsum </il>

<li> Lorem ipsum </li>

3. Wörter innerhalb des Fließtextes wurden mit <b> "bold" hervorgehoben.

<b> Lorem ipsum </b>

4. Mit dem Tag <em> wurden Wörter "kursiv" gestaltet.

<em> Lorem Ipsum </em>

5. Es wurde ein Video als "Multimedia-Komponente" innerhalb des Beitrages eingebunden. Das Video wurde als iFrame eingebettet.

6. Ein Bild wurde in den Text integriert. Das Bild wurde zusätzlich mit einem Link hinterlegt, um den Leser auf die Webseite des Bildes zu verlinken.

 

 

0 comments :: Kommentieren