HTML5 Charset Tag
HTML5 Charset Tag zur Angabe des Zeichensatzes der Webseite.
<meta charset=utf-8>
Alte Angabe des Zeichensatzes:
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
HTML5 Elemente für den Internet Explorer
Folgender Javascript Code erstellt HTML5 Elemente für den Internet Explorer.
Javascript Datei “ie-html5.js”:
(function(){
var html5elements = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|');
for(var i = 0; i < html5elements.length; i++)
{
document.createElement(html5elements[i]);
}
})();
In den Kopfbereich Ihres HTML Dokumentes:
<!--[if IE]> <script type="text/javascript" src="ie-html5.js"></script> <![endif]-->
Stylesheet (CSS):
header , hgroup , nav , section , article , aside , footer { display:block; }
HTML5 Placeholder Attribut
Text Platzhalter für Formularfelder:
<input type="text" name="textfeld" placeholder="Der Platzhaltertext..." />
Stylesheet für mobile Geräte
Dank der Unterstützung von HTML5 und CSS3 bei mobilen Geräten wie iPad, iPhone, Android Smartphones, ist es über Media Query möglich das CSS Stylesheet zu wählen.
<link rel="stylesheet" type="text/css" href="MOBIL.css" media="screen and (max-width: 960px)"/>
Da Android und iPhone4 maximal 960px in der Breite besitzt schaltet die Media Query ab 961px auf das MOBIL.css
