Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Comparing changes

Choose two branches to see what's changed or to start a new pull request. If you need to, you can also compare across forks.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also compare across forks.
base fork: h5bp/html5-boilerplate
base: master
...
head fork: Zearin/xhtml5-boilerplate
compare: development
Checking mergeability… Don't worry, you can still create the pull request.
  • 10 commits
  • 2 files changed
  • 0 commit comments
  • 1 contributor
Commits on Oct 11, 2011
Zearin Capitalized DOCTYPE. f6fc2cc
Zearin Added Doctype SYSTEM declaration for “legacy support”.
This makes it easier to work with XML toolsets.
1818684
Zearin Added trailing slash to empty elements. b9ca7e3
Zearin Capitalized “UTF-8”. 23ecda2
Zearin Added @xmlns and @xml:lang to <html>. 0d6507c
Zearin Moved <script>s from <body> into <head>. Deleted script using `docume…
…nt.write` (illegal in XHTML).

Also changed boolean attribute `defer` (on <script>s) to its full form.
596d7ef
Zearin Moved <script>s from <body> into <head>. Deleted script using `docume…
…nt.write` (illegal in XHTML).
eba4c53
Zearin Tweaked whitespace inside opening <html> tag for readability. eb52c76
Zearin Minor XHTML tweaks for .htaccess.
- Added `application/xhtml+xml` to`ExpiresByType`

- Added`.xhtml` for `AddCharset`
e316be4
Zearin Merge branch 'feature/xhtml5-polyglot' into development 068bc69
Showing with 36 additions and 32 deletions.
  1. +3 −2 .htaccess
  2. +33 −30 index.html
View
5 .htaccess
@@ -91,7 +91,7 @@ AddEncoding gzip svgz
# Webfonts
AddType application/vnd.ms-fontobject eot
-AddType application/x-font-ttf ttf ttc
+AddType application/x-font-ttf ttf ttc
AddType font/opentype otf
AddType application/x-font-woff woff
@@ -210,6 +210,7 @@ AddType text/x-vcard vcf
# Data
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
+ ExpiresByType application/xhtml+xml "access plus 0 seconds"
ExpiresByType application/json "access plus 0 seconds"
# Feed
@@ -415,7 +416,7 @@ ErrorDocument 404 /404.html
AddDefaultCharset utf-8
# Force UTF-8 for a number of file formats
-AddCharset utf-8 .html .css .js .xml .json .rss .atom
+AddCharset utf-8 .html .xhtml .css .js .xml .json .rss .atom
View
63 index.html
@@ -1,58 +1,48 @@
-<!doctype html>
+<!DOCTYPE html SYSTEM "about:legacy-compat">
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
-<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<!--[if gt IE 8]><!-->
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ lang="en"
+ xml:lang="en"
+
+ class="no-js">
+<!--<![endif]-->
<head>
- <meta charset="utf-8">
+ <meta charset="UTF-8" />
<!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/b/378 -->
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title></title>
- <meta name="description" content="">
- <meta name="author" content="">
+ <meta name="description" content="" />
+ <meta name="author" content="" />
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
- <meta name="viewport" content="width=device-width,initial-scale=1">
+ <meta name="viewport" content="width=device-width,initial-scale=1" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
- <link rel="stylesheet" href="css/style.css">
-
+ <link rel="stylesheet" href="css/style.css" />
+
<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
<!-- All JavaScript at the bottom, except this Modernizr build incl. Respond.js
- Respond is a polyfill for min/max-width media queries. Modernizr enables HTML5 elements & feature detects;
+ Respond is a polyfill for min/max-width media queries. Modernizr enables HTML5 elements & feature detects;
for optimal performance, create your own custom Modernizr build: www.modernizr.com/download/ -->
<script src="js/libs/modernizr-2.0.6.min.js"></script>
-</head>
-
-<body>
- <header>
-
- </header>
- <div role="main">
-
- </div>
- <footer>
-
- </footer>
-
-
- <!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.4.min.js"><\/script>')</script>
-
<!-- scripts concatenated and minified via build script -->
- <script defer src="js/plugins.js"></script>
- <script defer src="js/script.js"></script>
+ <script defer="defer" src="js/plugins.js"></script>
+ <script defer="defer" src="js/script.js"></script>
<!-- end scripts -->
@@ -65,12 +55,25 @@
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
+
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
<!--[if lt IE 7 ]>
<script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
+</head>
+
+<body>
+ <header>
+
+ </header>
+ <div role="main">
+
+ </div>
+ <footer>
+
+ </footer>
</body>
-</html>
+</html>

No commit comments for this range

Something went wrong with that request. Please try again.