Verktyg Visningsval
2012-06-27, 11:53   #1

Neonxz

Medlem

Neonxzs avatar

Plats: Stockholm

Registrerad: aug 2008

HTML5 och bakåtkompabilitet


Suttit funderat lite på upplägg av hemsida. Jag har alltid använt <div id="header"> <div id="menu"> osv när jag lagt grunderna för en hemsida men i och med HTML5 finns ju nu <header>, <nav>, <footer> osv. Är det att föredra använda HTML5 och dessa taggar? Eller kommer det spöka med äldre webbläsare, typ IE7 och 8 (allt spökar i IE6 så ingen idé fråga)?
__________________
//Neon - Citera mig så jag hittar tillbaka!

Intel i5 750 @ 3.6Ghz || PowerColor Radeon 5850 1GB || Asus P7P55D-E PRO || Corsair 4GB DDR3 1600MHz || 150GB Velociraptor || Asus XonarDX 7.1 || Fractal Design Define R2 || Microsoft Windows 7 Professional
Neonxz är inte uppkopplad
2012-06-27, 12:13   #2

havsmonstret

Medlem

havsmonstrets avatar

Plats: Helsingborg

Registrerad: apr 2010

De funkar inte i äldre webbläsare men det finns fixar för det (kolla efter HTML 5 Shiv eller Shim), men det finns inga direkta fördelar att använda dessa taggar förutom semantik såklart.
havsmonstret är inte uppkopplad Folding
2012-06-27, 12:33   #3

Madwan

Medlem

Plats: stockholm

Registrerad: apr 2006

När vi utvecklar grundar vi med http://html5boilerplate.com/ och även html5 shiven,
ie6 och lägre är det inte särskilt stor andel som använder.
__________________
\\\\ MAud
Madwan är inte uppkopplad
2012-06-27, 20:11   #4

Sony?

Medlem

Sony?s avatar

Registrerad: okt 2011

IE6 stödjer ingen, inte ens youtube så sluta bry dig om den.

Iaf, använd html5shiv (http://code.google.com/p/html5shiv/).

(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^<|^(?:a|b|button|code|div|fieldset|form|h1|h2|h3|h4|h5|h6|i|iframe|img|input|label|li|link|ol|option|p|param|q|script|select|span|strong|style|table|tbody|td|textarea|tfoot|th|thead|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");
var 
c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,
b){a||(a=f);if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document); 
<!--[if lt IE 9]>
<
script src="html5shiv.js"></script>
<![endif]--> 
Funkar för alla med javascript aktiverat. Tror inte du behöver bry dig om de få som har javascript inaktiverat OCH använder IE7.
__________________
Programmerare -> PHP | HTML | CSS | JS.
Sony? är inte uppkopplad
2012-06-27, 20:36   #5

Neonxz

Medlem

Neonxzs avatar

Plats: Stockholm

Registrerad: aug 2008

Shivs, tack så mkt för svaren Löser sig nog härifrån
__________________
//Neon - Citera mig så jag hittar tillbaka!

Intel i5 750 @ 3.6Ghz || PowerColor Radeon 5850 1GB || Asus P7P55D-E PRO || Corsair 4GB DDR3 1600MHz || 150GB Velociraptor || Asus XonarDX 7.1 || Fractal Design Define R2 || Microsoft Windows 7 Professional
Neonxz är inte uppkopplad
Senaste nyheterna

Redaktionens senaste nyhetsrubriker

Sök jobb