Barrierefreiheit / Zugänglichkeit
HTML wurde von ursprünglich vom Gründer des Webs Tim Berners Lee erfunden. Es ist eine auf SGML basierte Auszeichnungssprache, die die Aufgabe hat, die logischen Bestandteile eines Dokuments zu beschreiben. Es wird somit die logische Struktur eines Textes definiert. Beispielsweise mit Überschriften, Textabsätzen, Listen, Tabellen etc.
siehe auch Semantic Web
Semantik ist die Bedeutung von Zeichen, Wörtern, Phrasen und Symbolen. Durch Semantik wird dem Inhalt Bedeutung verliehen.
Mittels HTML Elementen und Attributen wird die Bedeutung des Textes einer HTML Seite definiert. Hier spricht man auch von semantic web. Dabei geht es auch darum den Text auch für Maschinen lesbarer zu machen und nicht darum den Text zu formatieren oder die Webseiten optisch zu gestalten. Damit für Maschinen und Programme Inhalte auswertbarer werden, wird mittels HTML Elementen die Website strukturiert. Mit Maschinen sind hier einerseits Suchmaschinen gemeint, Stichwort SEO und assistive Technologien, wie Screenreader und Lesegeräte für behinderte Menschen.
Das Aussehen der HTML Seiten wird mit CSS definiert. Es gibt somit eine klare Trennung.
Ein HTML Element muss keinen optischen Effekt erzeugen, es kann aber einen optischen Effekt erzeugen, indem man ihm mit CSS eine optische Eigenschaft zuweist. Selbst wenn man keine einzige CSS Eigenschaft zuweist, so gibt es dennoch CSS Eigenschaften welche vom Browser definiert werden. Diese kann man mit eigenen CSS Definitionen überschreiben oder erweitern.
Es gibt einige Techniken, um bestimmte Bereiche der Website abzusichern.
So hat man die Möglichkeit Suchmaschinen von bestimmten Seiten oder Bereichen des Webangebots fernzuhalten. Es gibt hier verschiedene Möglichkeiten.
Es gibt die Möglichkeit bestimmte Bereiche/ Ordner der Website mit einem Passwortschutz zu versehen, so dass man nur über Eingabe des Benutzernamens und Passworts den Bereich aufrufen kann.
siehe auch Selfhtml htaccess
Passwortschutz mit htaccess
Konventionen und Regeln:
Whitespace ist Leerraum wie Zeilenumrüche, Absätze und Leerzeichen.
Whitespace wird vom HTML-Parser (Software welche HTML interpretiert) zu einem Leerzeichen zusammengefasst.
Leerzeichen am Anfang eines Html Elements werden entfernt.
Alle Zeichen die vom HTML-Parser interpretiert werden nennt man PCDATA (parsed character data). Bereiche, die nicht interpretiert werden nennt man CDATA (character data). siehe auch selfhtml
Script Bereiche und CSS Bereiche werden nicht vom HTML Parser analysiert, CDATA.
<!--
dann folgt der Inhalt und endet mit -->
<pre></pre>
Element.Mittels CSS hyphens: auto; lässt sich eine automatische Silbentrennung am Ende der Zeile erzeugen. Siehe hier / CSS Texteigenschaften / Hyphens.
Früher ließ sich das mit Javascript erzeugen
https://code.google.com/p/hyphenator/
Mit dem Hyphenator, einer Javascriptdatei kann man eine automatische Silbentrennung erzeugen. Laden Sie die Javascript Datei herunter und binden Sie diese in der HTML Seite ein.Alle Elemente in denen getrennt werden soll, müssen mit Klasse .hyphenate
ausgezeichnet werden. Man kann auch Bereiche ausschließen mit .donthyphenate
Es gibt Kommentare, die nur von Internet Explorer 9 oder tiefer ausgelesen werden. Gerade wenn man bestimmte Bereiche, wie beispielsweise Style Sheets oder Script Einbindungen definieren will, die nur von IE ab einer bestimmten Version eingebunden werden sollen, kann man das nutzen.
<!--[if lt IE 9]> <script src="bower_components/html5shiv/dist/html5shiv.js"></script> <![endif]-->
In den eckigen Klammern definiert man die Version mit einer Bedingung if.
lt
steht für less than kleiner als
lte
less than equal, kleiner als oder gleich
gte
greater than equal, größer als oder gleich
gt
greater than, größer als