HTML

Internet Explorer és HTML5

2010.08.06. 16:01 sDavid

Sajnos Internet Explorerben, nem minden úgy működik, mint ahogy azt szeretnénk, ezért kell egy kis fabrikálás, hogy működjenek az új html5 elemek.

All elements, by default, have a display of inline.

Ezt orvosolni tudnánk CSS segítségével:

header, footer, article, section, nav, menu, hgroup {
  display: block;
}

Az egyetlen probléma az az, hogy az IE nem ismeri a <header> elemet, így JavaScript -tel kell rásegítenünk.

document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
document.createElement("menu");

Ezzel így már működni fog, de ezt minden oldalon el kell játszanunk, így egyszerűbb, ha a fejlécbe beszúrjuk az alábbi kódot:

<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Remy Sharp készítette ezt a kódot, amit végül a googlecode oldalán véglegesítettek.

Szólj hozzá!

Címkék: hack internet explorer html5

Új Doctype

2010.08.06. 15:48 sDavid

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Nem szükséges tovább fejben tartani / másolgatni az XHTML doctype-okat. Leegyszerűsödött.

<!DOCTYPE html>

Szólj hozzá!

Címkék: html5 doctype

süti beállítások módosítása