More Related Content
Similar to HTML5 Boilerplate - PV219
Similar to HTML5 Boilerplate - PV219 (20)
HTML5 Boilerplate - PV219
- 3. HTML
<!doctype html>
<![if lt IE 7]> <html lang="enus" class="nojs ltie9 ltie8 ltie7"> <!
[endif]>
<![if IE 7]> <html lang="enus" class="nojs ltie9 ltie8"> <![endif]>
<![if IE 8]> <html lang="enus" class="nojs ltie9"> <![endif]>
<![if gt IE 8]><!> <html lang="enus" class="nojs"> <!<![endif]>
<head>
- 4. HTML
<!doctype html>
<![if lt IE 7]> <html lang="enus" class="nojs ltie9 ltie8 ltie7"> <!
[endif]>
<![if IE 7]> <html lang="enus" class="nojs ltie9 ltie8"> <![endif]>
<![if IE 8]> <html lang="enus" class="nojs ltie9"> <![endif]>
<![if gt IE 8]><!> <html lang="enus" class="nojs"> <!<![endif]>
<head>
<html lang="enus" class=" js noflexbox canvas canvastext webgl notouch
geolocation postmessage nowebsqldatabase indexeddb hashchange history
draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage
borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients
nocssreflections csstransforms csstransforms3d csstransitions fontface
generatedcontent video audio localstorage sessionstorage webworkers
applicationcache svg inlinesvg smil svgclippaths"><!<![endif]>
<head>
- 5. HTML
<!doctype html>
<![if lt IE 7]> <html lang="enus" class="nojs ltie9 ltie8 ltie7"> <!
[endif]>
<![if IE 7]> <html lang="enus" class="nojs ltie9 ltie8"> <![endif]>
<![if IE 8]> <html lang="enus" class="nojs ltie9"> <![endif]>
<![if gt IE 8]><!> <html lang="enus" class="nojs"> <!<![endif]>
<head>
<html lang="enus" class=" js noflexbox canvas canvastext webgl notouch
geolocation postmessage nowebsqldatabase indexeddb hashchange history
draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage
borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients
nocssreflections csstransforms csstransforms3d csstransitions fontface
generatedcontent video audio localstorage sessionstorage webworkers
applicationcache svg inlinesvg smil svgclippaths"><!<![endif]>
<head>
<meta httpequiv="XUACompatible" content="IE=edge,chrome=1,requiresActiveX=true">
- 6. HTML
<!doctype html>
<![if lt IE 7]> <html lang="enus" class="nojs ltie9 ltie8 ltie7"> <!
[endif]>
<![if IE 7]> <html lang="enus" class="nojs ltie9 ltie8"> <![endif]>
<![if IE 8]> <html lang="enus" class="nojs ltie9"> <![endif]>
<![if gt IE 8]><!> <html lang="enus" class="nojs"> <!<![endif]>
<head>
<html lang="enus" class=" js noflexbox canvas canvastext webgl notouch
geolocation postmessage nowebsqldatabase indexeddb hashchange history
draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage
borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients
nocssreflections csstransforms csstransforms3d csstransitions fontface
generatedcontent video audio localstorage sessionstorage webworkers
applicationcache svg inlinesvg smil svgclippaths"><!<![endif]>
<head>
<meta httpequiv="XUACompatible" content="IE=edge,chrome=1,requiresActiveX=true">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script
src="js/libs/jquery1.7.1.min.js"></script>')</script>
- 9. CSS
html {overflowy: scroll}
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
- 10. CSS
html {overflowy: scroll}
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-
repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
- 11. CSS
html {overflowy: scroll}
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-
repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
- 12. CSS
html {overflowy: scroll}
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-
repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
@media queries
- 13. CSS
html {overflowy: scroll}
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-
repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
@media queries
@print stylesheet