jolantis · June 23, 2010 08:49 · css3html5 · Sep 26, 2019
diff --git a/<head> b/<head>
 <!doctype html>
 <html lang="en" class="no-js">
 <head>
 	<meta charset="utf-8">
 	<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1"><![endif]-->

 	<title>Title</title>

 	<meta name="robots" content="index, follow">
 	<meta name="description" content="Description.">
 	<meta name="author" content="Author">
 	<link rel="home" href="http://www.domain.com/">

 	<!-- IPHONE/IPAD/OPERA MOBILE VIEWPORT FIX:
 		device-width : Make sure webpages occupy full width of the screen in its current orientation (portrait or landscape)
 		initial-scale = 1.0 retains dimensions of the page instead of zooming out if page height is larger than device height
 		maximum-scale = 1.0 retains dimensions of the page instead of zooming in if page width is smaller than device width
 		More at: http://j.mp/mobileviewport, http://davidbcalhoun.com/2010/viewport-metatag -->
 	<!-- <meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> -->
 	<meta name="viewport" content="width=device-width; user-scalable=0;">
 	<meta name="apple-touch-fullscreen" content="yes" />

 	<!-- FAVICON AND APPLE TOUCH ICON
 		size apple-touch-icon.png is 72 x 72px for iPad
 		use rel="apple-touch-icon-precomposed" for matt icon -->
 	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
 	<link rel="apple-touch-icon" href="logo/apple-touch-icon.png">

 	<!-- STYLESHEETS (universal CSS for IE6: http://code.google.com/p/universal-ie6-css/) -->
 	<!--[if ! lte IE 6]><!-->
 		<link rel="stylesheet" media="screen" href="css/master.css">
 		<link rel="stylesheet" media="all and (orientation: portrait)" href="css/portrait.css">
 		<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/mobile.css">
 	<!--<![endif]-->
 	<!--[if lte IE 6]><link rel="stylesheet" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.1.1.css"><![endif]-->
 	<link rel="stylesheet" media="print" href="css/print.css">

 	<!-- RSS FEED(S) -->
 	<link rel="alternate" type="application/atom+xml" href="http://feeds.feedburner.com/atom-feed-name" title="Website/RSS feed name" />

 	<!-- MODERNIZR -->
 	<script src="js/modernizr-1.5.min.js"></script>

 	<!-- TYPEKIT -->
 	<script type="text/javascript" src="http://use.typekit.com/jwn3fnk.js"></script>
 	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 </head>
	<!doctype html>
	<html lang="en" class="no-js">
	<head>
	<meta charset="utf-8">
	<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1"><![endif]-->

	<title>Title</title>

	<meta name="robots" content="index, follow">
	<meta name="description" content="Description.">
	<meta name="author" content="Author">
	<link rel="home" href="http://www.domain.com/">

	<!-- IPHONE/IPAD/OPERA MOBILE VIEWPORT FIX:
	device-width : Make sure webpages occupy full width of the screen in its current orientation (portrait or landscape)
	initial-scale = 1.0 retains dimensions of the page instead of zooming out if page height is larger than device height
	maximum-scale = 1.0 retains dimensions of the page instead of zooming in if page width is smaller than device width
	More at: http://j.mp/mobileviewport, http://davidbcalhoun.com/2010/viewport-metatag -->
	<!-- <meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> -->
	<meta name="viewport" content="width=device-width; user-scalable=0;">
	<meta name="apple-touch-fullscreen" content="yes" />

	<!-- FAVICON AND APPLE TOUCH ICON
	size apple-touch-icon.png is 72 x 72px for iPad
	use rel="apple-touch-icon-precomposed" for matt icon -->
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<link rel="apple-touch-icon" href="logo/apple-touch-icon.png">

	<!-- STYLESHEETS (universal CSS for IE6: http://code.google.com/p/universal-ie6-css/) -->
	<!--[if ! lte IE 6]><!-->
	<link rel="stylesheet" media="screen" href="css/master.css">
	<link rel="stylesheet" media="all and (orientation: portrait)" href="css/portrait.css">
	<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/mobile.css">
	<!--<![endif]-->
	<!--[if lte IE 6]><link rel="stylesheet" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.1.1.css"><![endif]-->
	<link rel="stylesheet" media="print" href="css/print.css">

	<!-- RSS FEED(S) -->
	<link rel="alternate" type="application/atom+xml" href="http://feeds.feedburner.com/atom-feed-name" title="Website/RSS feed name" />

	<!-- MODERNIZR -->
	<script src="js/modernizr-1.5.min.js"></script>

	<!-- TYPEKIT -->
	<script type="text/javascript" src="http://use.typekit.com/jwn3fnk.js"></script>
	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
	</head>