From 15be7ff39b41b3c68aa8101674f73ab78fd48981 Mon Sep 17 00:00:00 2001
From: ahocevar <andreas.hocevar@gmail.com>
Date: Tue, 31 May 2011 15:00:51 +0000
Subject: [PATCH] use HTML5 in all examples, and some minor example
 improvements (pullup #3333)

git-svn-id: http://svn.openlayers.org/trunk/openlayers@12032 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
---
 examples/KMLParser.html                       | 15 +++++----
 examples/SLDSelect.html                       | 12 ++++---
 examples/WMSDescribeLayerParser.html          | 17 ++++++----
 examples/accelerometer.html                   |  9 +++---
 examples/accessible.html                      | 16 ++++++----
 examples/all-overlays-google.html             |  5 +--
 examples/all-overlays.html                    | 12 ++++---
 examples/anchor-permalink.html                | 10 +++---
 examples/animated_panning.html                | 14 ++++----
 examples/arcgis93rest.html                    | 12 ++++---
 examples/arcgiscache_ags.html                 |  8 +++--
 examples/arcgiscache_direct.html              | 10 +++---
 examples/arcgiscache_jsonp.html               |  8 +++--
 examples/arcims-thematic.html                 | 12 ++++---
 examples/arcims.html                          | 12 ++++---
 examples/attribution.html                     | 22 +++++++------
 examples/behavior-fixed-http-gml.html         | 16 ++++++----
 examples/bing-tiles.html                      |  5 +--
 examples/bing.html                            | 18 ++++++-----
 examples/boxes-vector.html                    | 14 ++++----
 examples/boxes.html                           | 14 ++++----
 examples/browser.html                         |  9 +++---
 examples/buffer.html                          | 12 ++++---
 examples/canvas-hit-detection.html            |  2 +-
 examples/canvas-inspector.html                |  1 +
 examples/canvas.html                          | 12 ++++---
 examples/click-handler.html                   | 12 ++++---
 examples/click.html                           | 16 ++++++----
 examples/controls.html                        | 12 ++++---
 examples/cql-format.html                      |  7 ++--
 examples/cross-origin.html                    |  5 +--
 examples/custom-control.html                  | 16 ++++++----
 examples/custom-style.html                    | 12 ++++---
 examples/debug.html                           | 18 +++++------
 examples/document-drag.html                   | 14 ++++----
 examples/donut.html                           |  5 +--
 examples/doubleSetCenter.html                 | 12 ++++---
 examples/drag-feature.html                    | 12 ++++---
 examples/draw-feature.html                    | 12 ++++---
 examples/dynamic-text-layer.html              | 26 +++++++--------
 examples/editingtoolbar-outside.html          | 13 ++++----
 examples/editingtoolbar.html                  | 17 +++++-----
 examples/events.html                          | 10 +++---
 examples/example-list.html                    | 11 ++++---
 examples/example.html                         |  5 +--
 examples/filter-strategy.html                 |  5 +--
 examples/filter.html                          | 18 ++++++-----
 examples/fractional-zoom.html                 | 14 ++++----
 examples/fullScreen.html                      |  9 +++---
 examples/game-accel-ball.html                 | 14 ++++----
 examples/geojson.html                         | 14 ++++----
 examples/geolocation.html                     |  1 +
 examples/georss-flickr.html                   | 12 ++++---
 examples/georss-markers.html                  | 12 ++++---
 examples/georss.html                          | 16 ++++++----
 examples/getfeature-wfs.html                  | 20 ++++++------
 examples/getfeatureinfo-control.html          | 14 ++++----
 examples/getfeatureinfo-popup.html            | 10 +++---
 examples/gml-layer.html                       | 14 ++++----
 examples/google-ng.html                       |  5 +--
 examples/google-reproject.html                | 16 ++++++----
 examples/google-v3-alloverlays.html           |  5 +--
 examples/google-v3.html                       |  5 +--
 examples/google.html                          | 14 ++++----
 examples/graphic-name.html                    |  9 +++---
 examples/graticule.html                       | 12 ++++---
 examples/gutter.html                          | 12 ++++---
 examples/highlight-feature.html               | 14 ++++----
 examples/hover-handler.html                   | 12 ++++---
 examples/image-layer.html                     | 14 ++++----
 examples/intersects.html                      | 22 +++++++------
 examples/kamap.html                           | 12 ++++---
 examples/kinetic.html                         |  5 +--
 examples/kml-layer.html                       |  5 +--
 examples/kml-pointtrack.html                  |  6 ++--
 examples/kml-track.html                       |  5 +--
 examples/late-render.html                     | 16 ++++++----
 examples/layer-opacity.html                   | 12 ++++---
 examples/layerLoadMonitoring.html             | 12 ++++---
 examples/layerswitcher.html                   | 12 ++++---
 examples/lite.html                            | 15 +++++----
 examples/mapguide.html                        | 12 ++++---
 examples/mapserver.html                       | 16 ++++++----
 examples/mapserver_untiled.html               | 16 ++++++----
 examples/marker-shadow.html                   | 12 ++++---
 examples/markerResize.html                    | 17 ++++++----
 examples/markers.html                         | 16 ++++++----
 examples/markersTextLayer.html                | 12 ++++---
 examples/measure.html                         | 12 ++++---
 examples/mm.html                              | 12 ++++---
 examples/mobile-navigation.html               |  9 +++---
 examples/modify-feature.html                  | 12 ++++---
 examples/mouse-position.html                  | 16 ++++++----
 examples/mousewheel-interval.html             | 12 ++++---
 examples/multimap-mercator.html               | 12 ++++---
 examples/multiserver.html                     | 20 ++++++++----
 examples/multitouch.html                      |  2 ++
 examples/mvs.html                             |  6 ++--
 examples/navigation-control.html              | 18 +++++++----
 examples/navigation-history.html              | 10 +++---
 examples/navtoolbar-alwaysZoom.html           | 12 ++++---
 examples/navtoolbar-outsidemap.html           | 12 ++++---
 examples/navtoolbar.html                      | 12 ++++---
 examples/openls.html                          |  4 ++-
 examples/ordering.html                        | 12 ++++---
 examples/osm-google.html                      |  5 +--
 examples/osm-layer.html                       | 12 ++++---
 examples/osm.html                             | 14 ++++----
 examples/outOfRangeMarkers.html               | 12 ++++---
 examples/overviewmap.html                     |  9 +++---
 examples/pan-zoom-panels.html                 |  9 +++---
 examples/panel.html                           | 12 ++++---
 examples/point-track-markers.html             | 12 ++++---
 examples/popupMatrix.html                     | 14 ++++----
 examples/popups.html                          | 12 ++++---
 examples/projected-map.html                   | 12 ++++---
 examples/protocol-gears.html                  | 12 ++++---
 examples/regular-polygons.html                | 12 ++++---
 examples/resize-features.html                 | 12 ++++---
 examples/restricted-extent.html               | 12 ++++---
 examples/rotate-features.html                 | 12 ++++---
 examples/select-feature-multilayer.html       | 12 ++++---
 examples/select-feature-openpopup.html        | 14 ++++----
 examples/select-feature.html                  | 12 ++++---
 examples/setextent.html                       |  8 ++---
 examples/simplify-linestring.html             |  5 +--
 examples/single-tile.html                     |  5 +--
 examples/sld-parser.html                      |  9 +++---
 examples/sld.html                             | 32 ++++++++++---------
 examples/snap-split.html                      | 22 +++++++------
 examples/snapping.html                        | 14 ++++----
 examples/sos.html                             | 14 ++++----
 examples/spherical-mercator.html              | 12 ++++---
 examples/split-feature.html                   | 16 ++++++----
 examples/strategy-bbox.html                   | 12 ++++---
 examples/strategy-cluster-extended.html       | 11 ++++---
 examples/strategy-cluster-threshold.html      | 14 ++++----
 examples/strategy-cluster.html                | 12 ++++---
 examples/strategy-paging.html                 | 14 ++++----
 examples/style-rules.html                     | 12 ++++---
 examples/stylemap.html                        | 12 ++++---
 examples/styles-context.html                  | 28 ++++++++++------
 examples/styles-rotation.html                 | 12 ++++---
 examples/styles-unique.html                   | 12 ++++---
 examples/sundials-spherical-mercator.html     | 12 ++++---
 examples/sundials.html                        | 14 ++++----
 examples/symbolizers-fill-stroke-graphic.html | 12 ++++---
 examples/teleportation.html                   | 16 ++++++----
 examples/tile-origin.html                     |  5 +--
 examples/tilecache.html                       | 16 ++++++----
 examples/tms.html                             | 16 ++++++----
 examples/transform-feature.html               | 12 ++++---
 examples/transition.html                      | 10 +++---
 examples/urban.html                           | 14 ++++----
 examples/ve-novibrate.html                    | 16 ++++++----
 examples/ve.html                              | 14 ++++----
 examples/vector-features-with-text.html       | 13 ++++----
 examples/vector-features.html                 | 11 ++++---
 examples/vector-formats.html                  | 20 ++++++------
 examples/web-mercator.html                    |  9 +++---
 examples/wfs-filter.html                      |  5 +--
 examples/wfs-protocol-transactions.html       | 10 +++---
 examples/wfs-protocol.html                    | 12 ++++---
 examples/wfs-reprojection.html                | 12 ++++---
 examples/wfs-snap-split.html                  |  9 +++---
 examples/wfs-states.html                      | 10 +++---
 examples/wmc.html                             | 24 +++++++-------
 examples/wms-long-url.html                    |  9 +++---
 examples/wms-untiled.html                     | 12 ++++---
 examples/wms-v13.html                         | 16 ++++++----
 examples/wms.html                             | 17 ++++++----
 examples/wmst.html                            | 19 +++++++----
 examples/wmts-capabilities.html               |  7 ++--
 examples/wmts-getfeatureinfo.html             |  7 ++--
 examples/wmts.html                            |  7 ++--
 examples/worldwind.html                       | 24 ++++++++++----
 examples/wrapDateLine.html                    | 12 ++++---
 examples/xhtml.html                           | 11 ++++---
 examples/xml.html                             | 16 +++++-----
 examples/xyz-esri.html                        | 15 +++++----
 examples/xyz-offset.html                      |  9 +++---
 examples/yahoo.html                           | 19 ++++++-----
 examples/zoomLevels.html                      | 16 ++++++----
 examples/zoomify.html                         | 22 +++++++------
 184 files changed, 1311 insertions(+), 955 deletions(-)

diff --git a/examples/KMLParser.html b/examples/KMLParser.html
index 04b7c9072f..3442cd42e6 100644
--- a/examples/KMLParser.html
+++ b/examples/KMLParser.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers KML Parser Example</title>
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         function parseData(req) {
@@ -44,8 +46,9 @@ <h1 id="title">KML Parser Example</h1>
       <div id="output"></div>
 
       <div id="docs">
-          This script reads data from a KML file and parses out the coordinates, appending them to a HTML string with markup tags.
-          This markup is dumped to an element in the page.
+          <p>This script reads data from a KML file and parses out the
+          coordinates, appending them to a HTML string with markup tags.
+          This markup is dumped to an element in the page.</p>
     </div>
   </body>
 </html>
diff --git a/examples/SLDSelect.html b/examples/SLDSelect.html
index a281f40d5e..680bcdc2d8 100644
--- a/examples/SLDSelect.html
+++ b/examples/SLDSelect.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers SLD based selection control</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         .olControlSLDSelectBoxActive {
             cursor: crosshair;
diff --git a/examples/WMSDescribeLayerParser.html b/examples/WMSDescribeLayerParser.html
index 2e53da1681..d58eebdebb 100644
--- a/examples/WMSDescribeLayerParser.html
+++ b/examples/WMSDescribeLayerParser.html
@@ -1,14 +1,16 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers WMSDescribeLayer Parser Example</title>
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         function parseData(req) {
           format =  new OpenLayers.Format.WMSDescribeLayer();
-          html = "<br />"
+          html = "<br>"
           resp = format.read(req.responseText);
           for(var i = 0; i < resp.length; i++) {
             html += "Layer: typeName: "+ resp[i].typeName+",";
@@ -38,8 +40,9 @@ <h1 id="title">WMSDescribeLayer Parser Example</h1>
       <div id="output"></div>
 
       <div id="docs">
-          This script reads data from a file and parses out the coordinates, appending them to a HTML string with markup tags.
-          This markup is dumped to an element in the page.
+          <p>This script reads data from a file and parses out the coordinates,
+          appending them to a HTML string with markup tags. This markup is
+          dumped to an element in the page.</p>
     </div>
   </body>
 </html>
diff --git a/examples/accelerometer.html b/examples/accelerometer.html
index 6a6161993f..da96c76342 100644
--- a/examples/accelerometer.html
+++ b/examples/accelerometer.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
-    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Accelerometer Usage</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css"/>
-    <link rel="stylesheet" href="style.css" type="text/css"/>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script type="text/javascript" src="browser.js"></script>
 
     <style type="text/css">
diff --git a/examples/accessible.html b/examples/accessible.html
index a50387f055..60dd7953e6 100644
--- a/examples/accessible.html
+++ b/examples/accessible.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Accessible Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             table {
                 border: 1 px solid white;
@@ -110,7 +112,7 @@ <h1 id="title">Accessible Example</h1>
         </table>
 
         <div id="docs">
-            <p>Navigate the map in one of three ways:
+            <p>Navigate the map in one of three ways:</p>
                 <ul>
                     <li>Click on the named links to zoom and pan</li>
                     <li>Use following keys to pan and zoom:
@@ -134,7 +136,7 @@ <h1 id="title">Accessible Example</h1>
                         </ul>
                     </li>
                 </ul>
-            </p>
+            <p>
 
             This is an example of using alternate methods to control panning and zooming.  This approach uses map.pan() and map.zoom().  You'll note that to pan, additional math is necessary along with map.size() in order to set the distance to pan.
         </div>
diff --git a/examples/all-overlays-google.html b/examples/all-overlays-google.html
index fc6d678ac4..674ec254b0 100644
--- a/examples/all-overlays-google.html
+++ b/examples/all-overlays-google.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers All Overlays with Google and OSM</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
diff --git a/examples/all-overlays.html b/examples/all-overlays.html
index 60ab741411..52304af4f8 100644
--- a/examples/all-overlays.html
+++ b/examples/all-overlays.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>All Overlays Example</title>
         
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var map;
diff --git a/examples/anchor-permalink.html b/examples/anchor-permalink.html
index 99a355b231..c26db8dfbb 100644
--- a/examples/anchor-permalink.html
+++ b/examples/anchor-permalink.html
@@ -1,9 +1,11 @@
+<!DOCTYPE html>
 <html>
     <head>
-        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 
-        <meta name="apple-mobile-web-app-capable" content="yes" />
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> 
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <title>AnchorPermalink Example</title>
         <script src="../lib/OpenLayers.js"></script>
         <script src="anchor-permalink.js"></script>
diff --git a/examples/animated_panning.html b/examples/animated_panning.html
index 6cb11ddb61..68e60ba628 100644
--- a/examples/animated_panning.html
+++ b/examples/animated_panning.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Animated Panning of the Map via map.panTo</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer, running = false;
@@ -81,7 +83,7 @@ <h1 id="title">map.panTo Example</h1>
     <div id="shortdesc">Show animated panning effects in the map</div>
     <div id="map" class="smallmap"></div>
     <div id="docs">
-        <p>This is an example of transition effects. If the new random center is in the current extent, the map will pan smoothly. <br />
+        <p>This is an example of transition effects. If the new random center is in the current extent, the map will pan smoothly. <br>
         The random selection will continue until you press it again. Additionally, you can single click in the map to pan smoothly
         to that area, or use the pan control to pan smoothly.
         </p>
diff --git a/examples/arcgis93rest.html b/examples/arcgis93rest.html
index 71e7c4e33f..819d51c227 100644
--- a/examples/arcgis93rest.html
+++ b/examples/arcgis93rest.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
diff --git a/examples/arcgiscache_ags.html b/examples/arcgiscache_ags.html
index 09b9551efb..2b929543b4 100644
--- a/examples/arcgiscache_ags.html
+++ b/examples/arcgiscache_ags.html
@@ -1,8 +1,10 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
     <title>OpenLayers ArcGIS Cache Example (MapServer Access)</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
     <script src="../lib/OpenLayers.js"></script>
     <script src="../lib/OpenLayers/Layer/ArcGISCache.js" type="text/javascript"></script>
diff --git a/examples/arcgiscache_direct.html b/examples/arcgiscache_direct.html
index 06d1bd6583..472a48014a 100644
--- a/examples/arcgiscache_direct.html
+++ b/examples/arcgiscache_direct.html
@@ -1,8 +1,10 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
         <title>ArcGIS Server Map Cache Example (Direct Access)</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js" type="text/javascript"></script>
         <script src="../lib/OpenLayers/Layer/ArcGISCache.js" type="text/javascript"></script>
         <script type="text/javascript">
@@ -93,7 +95,7 @@ <h2>Notes on this Layer</h2>
             layer in conf.xml at the root of your cache. 
             (ie. <a href="http://serverx.esri.com/arcgiscache/dgaerials/Layers/conf.xml">http://serverx.esri.com/arcgiscache/dgaerials/Layers/conf.xml</a>)</p>
 
-            <p>For fused map caches this is often http:<i>ServerName</i>/arcgiscache/<i>MapServiceName</i>/Layers <br />
+            <p>For fused map caches this is often http:<i>ServerName</i>/arcgiscache/<i>MapServiceName</i>/Layers <br>
             For individual layer caches this is often  http:<i>ServerName</i>/arcgiscache/<i>LayerName</i>/Layers </p>
             
             <h2> Other Examples </h2>
diff --git a/examples/arcgiscache_jsonp.html b/examples/arcgiscache_jsonp.html
index 444cc4c029..282d63692b 100644
--- a/examples/arcgiscache_jsonp.html
+++ b/examples/arcgiscache_jsonp.html
@@ -1,8 +1,10 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
     <title>OpenLayers ArcGIS Cache Example (Autoconfigure with JSONP)</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
 
     <script src="../lib/OpenLayers.js"></script>
     <script src="../lib/OpenLayers/Layer/ArcGISCache.js" type="text/javascript"></script>
diff --git a/examples/arcims-thematic.html b/examples/arcims-thematic.html
index 391c3aa829..b000ae0916 100644
--- a/examples/arcims-thematic.html
+++ b/examples/arcims-thematic.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>ArcIMS Thematic Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 0;
diff --git a/examples/arcims.html b/examples/arcims.html
index c8a74fa9cc..820ceb27ce 100644
--- a/examples/arcims.html
+++ b/examples/arcims.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>ArcIMS Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 0;
diff --git a/examples/attribution.html b/examples/attribution.html
index c85154eaa1..84e175002c 100644
--- a/examples/attribution.html
+++ b/examples/attribution.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Attribution Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
 
         <script type="text/javascript">
@@ -26,8 +28,10 @@
                 map.addLayers([ol_wms, jpl_wms, vector]);
 
                 map.addControl(new OpenLayers.Control.LayerSwitcher());
-                map.addControl(new OpenLayers.Control.Attribution());
-                // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+                // OpenLayers.Control.Attribution is one of the default
+                // controls - only needs to be added when the map instance is
+                // created with the controls option
+                //map.addControl(new OpenLayers.Control.Attribution());
                 map.zoomToMaxExtent();
             }
         </script>
@@ -46,11 +50,11 @@ <h1 id="title">Attribution Example</h1>
         <div id="map" class="smallmap"></div>
 
         <div id="docs">
-            This is an example of how to add an attribution block to the OpenLayers window.  In order to use an
+            <p>This is an example of how to add an attribution block to the OpenLayers window.  In order to use an
             attribution block, an attribution parameter must be set in each layer that requires attribution. In
             addition, an attribution control must be added to the map, though one is added to all OpenLayers Maps by default. 
             Be aware that this is a layer <strong>option</strong>: the options hash goes in
-            different places depending on the layer type you are using.  
+            different places depending on the layer type you are using.</p> 
         </div>
     </body>
 </html>
diff --git a/examples/behavior-fixed-http-gml.html b/examples/behavior-fixed-http-gml.html
index 6b0658a5c2..686cb9d538 100644
--- a/examples/behavior-fixed-http-gml.html
+++ b/examples/behavior-fixed-http-gml.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Vector Behavior Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var map;
@@ -41,14 +43,14 @@ <h1 id="title">Vector Behavior Example (Fixed/HTTP/GML)</h1>
         </p>
         <div id="map" class="smallmap"></div>
         <div id="docs">
-            The vector layer shown uses the Fixed strategy, the HTTP protocol,
+            <p>The vector layer shown uses the Fixed strategy, the HTTP protocol,
             and the GML format.
             The Fixed strategy is a simple strategy that fetches features once
             and never re-requests new data.
             The HTTP protocol makes requests using HTTP verbs.  It should be
             constructed with a url that corresponds to a collection of features
             (a resource on some server).
-            The GML format is used to serialize features.
+            The GML format is used to serialize features.</p>
         </div>
     </body>
 </html>
diff --git a/examples/bing-tiles.html b/examples/bing-tiles.html
index 776dced84b..a8451a4e7b 100644
--- a/examples/bing-tiles.html
+++ b/examples/bing-tiles.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Bing Tiles Example</title>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <link rel="stylesheet" href="style.css" type="text/css">
diff --git a/examples/bing.html b/examples/bing.html
index 59c7df7d08..2e17b55187 100644
--- a/examples/bing.html
+++ b/examples/bing.html
@@ -1,12 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <title>OpenLayers Bing Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <script src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2&mkt=en-us"></script>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>OpenLayers Bing Example</title>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
+    <script src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2&amp;mkt=en-us"></script>
 
     <script src="../lib/OpenLayers.js"></script>
     <script>
@@ -53,7 +54,8 @@ <h1 id="title">Bing Example</h1>
     </p>
 
     <div id="map" class="smallmap"></div>
-    <div id="docs">This example demonstrates the ability to create layers using tiles from Bing maps.</div>
+    <div id="docs"><p>This example demonstrates the ability to create layers
+        using tiles from Bing maps.</p></div>
   </body>
 </html>
 
diff --git a/examples/boxes-vector.html b/examples/boxes-vector.html
index a360d74514..d7d664b142 100644
--- a/examples/boxes-vector.html
+++ b/examples/boxes-vector.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Boxes Vector Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var box_extents = [
@@ -24,7 +26,7 @@
     
                 for (var i = 0; i < box_extents.length; i++) {
                     ext = box_extents[i];
-                    bounds = new OpenLayers.Bounds(ext[0], ext[1], ext[2], ext[3]);
+                    bounds = OpenLayers.Bounds.fromArray(ext);
                     
                     box = new OpenLayers.Feature.Vector(bounds.toGeometry());
                     boxes.addFeatures(box);
diff --git a/examples/boxes.html b/examples/boxes.html
index 7a025e7fff..f81604b485 100644
--- a/examples/boxes.html
+++ b/examples/boxes.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Boxes Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var box_extents = [
@@ -24,7 +26,7 @@
     
                 for (var i = 0; i < box_extents.length; i++) {
                     ext = box_extents[i];
-                    bounds = new OpenLayers.Bounds(ext[0], ext[1], ext[2], ext[3]);
+                    bounds = OpenLayers.Bounds.fromArray(ext);
                     box = new OpenLayers.Marker.Box(bounds);
                     box.events.register("click", box, function (e) {
                         this.setBorder("yellow");
diff --git a/examples/browser.html b/examples/browser.html
index d1cfcc2d9b..10168c989b 100644
--- a/examples/browser.html
+++ b/examples/browser.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
-    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Browser Detection</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css"/>
-    <link rel="stylesheet" href="style.css" type="text/css"/>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script type="text/javascript" src="browser.js"></script>
     <style type="text/css">
         .olControlAttribution {
diff --git a/examples/buffer.html b/examples/buffer.html
index 854842f014..614a93f55b 100644
--- a/examples/buffer.html
+++ b/examples/buffer.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Buffer Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var lon = 0;
diff --git a/examples/canvas-hit-detection.html b/examples/canvas-hit-detection.html
index 1b9600f091..5148b70633 100644
--- a/examples/canvas-hit-detection.html
+++ b/examples/canvas-hit-detection.html
@@ -2,7 +2,7 @@
 <html>
     <head>
         <title>OpenLayers Canvas Hit Detection Example</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
         <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0;">
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
diff --git a/examples/canvas-inspector.html b/examples/canvas-inspector.html
index 8244dc512d..8f2d8bc061 100644
--- a/examples/canvas-inspector.html
+++ b/examples/canvas-inspector.html
@@ -2,6 +2,7 @@
 <html>
     <head>
         <title>OpenLayers Canvas Inspector</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
         <link rel="stylesheet" href="style.css" type="text/css">
diff --git a/examples/canvas.html b/examples/canvas.html
index 177ae4a26d..eb281a7da1 100644
--- a/examples/canvas.html
+++ b/examples/canvas.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>Canvas Renderer Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
         <script src="canvas.js"></script>
diff --git a/examples/click-handler.html b/examples/click-handler.html
index de9238c799..d861274079 100644
--- a/examples/click-handler.html
+++ b/examples/click-handler.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Click Handler Example</title>
         
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             #map {
                 width: 340px;
diff --git a/examples/click.html b/examples/click.html
index 4bd479dab9..56c503855b 100644
--- a/examples/click.html
+++ b/examples/click.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Click Event Example</title>
         
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                
@@ -79,11 +81,11 @@ <h1 id="title">Click Event Example</h1>
         <div id="map" class="smallmap"></div>
     
         <div id="docs">
-            Using the Click handler allows you to (for example) catch clicks 
+            <p>Using the Click handler allows you to (for example) catch clicks 
             without catching double clicks, something that standard browser 
             events don't do for you. (Try double clicking: you'll zoom in, 
             whereas using the browser click event, you would just get two 
-            alerts.) This example click control shows you how to use it. 
+            alerts.) This example click control shows you how to use it.</p> 
         </div>
     </body>
 </html>
diff --git a/examples/controls.html b/examples/controls.html
index a7f9041a7d..bab5fbb014 100644
--- a/examples/controls.html
+++ b/examples/controls.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Map Controls Example</title>
 
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var map;
diff --git a/examples/cql-format.html b/examples/cql-format.html
index 0b25d63c58..2057c52626 100644
--- a/examples/cql-format.html
+++ b/examples/cql-format.html
@@ -1,8 +1,9 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>
             OpenLayers CQL Example
         </title>
diff --git a/examples/cross-origin.html b/examples/cross-origin.html
index 142ba479f9..5ac5d617db 100644
--- a/examples/cross-origin.html
+++ b/examples/cross-origin.html
@@ -2,10 +2,11 @@
 <html>
     <head>
         <title>OpenLayers Script Protocol Example</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="style.css" type="text/css">
-        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <script src="../lib/OpenLayers.js"></script>
     </head>
     <body>
diff --git a/examples/custom-control.html b/examples/custom-control.html
index 76c6e86dce..d591fd2f5a 100644
--- a/examples/custom-control.html
+++ b/examples/custom-control.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>Custom Control Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var lon = 5;
@@ -58,9 +60,9 @@ <h1 id="title">Custom Control Example</h1>
         <div id="map" class="smallmap"></div>
 
         <div id="docs">
-            The control allows you to draw a rectangle, that reports its coordinates
+            <p>The control allows you to draw a rectangle, that reports its coordinates
             after creation. Hold down the shift key on your keyboard and draw a 
-            rectangle with the mouse.
+            rectangle with the mouse.</p>
         </div>
     </body>
 </html>
diff --git a/examples/custom-style.html b/examples/custom-style.html
index 51c60ad250..3775b93c33 100644
--- a/examples/custom-style.html
+++ b/examples/custom-style.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>Custom Style Example</title>
         
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             p {
                 width: 500px;
diff --git a/examples/debug.html b/examples/debug.html
index e82f93fb8f..ee964164bc 100644
--- a/examples/debug.html
+++ b/examples/debug.html
@@ -1,11 +1,11 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Debug Example</title>
-        <link rel="stylesheet" href="style.css" type="text/css" />        
+        <link rel="stylesheet" href="style.css" type="text/css">        
         <script src="../lib/Firebug/firebug.js"></script>
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
@@ -39,16 +39,16 @@ <h1 id="title">Debug Example</h1>
 
         <div id="docs">
             <p>To run OpenLayers in debug mode, include the following script
-            tag <b>before</b> the tag that loads OpenLayers:
+            tag <b>before</b> the tag that loads OpenLayers:</p>
 
             <pre>    &lt;script src="../lib/Firebug/firebug.js"&gt;&lt;/script&gt;</pre>
 
-            The path to firebug.js must be relative to your
+            <p>The path to firebug.js must be relative to your
             html file.  With this script included calls to OpenLayers.Console
             will be displayed in the Firebug console.  For browsers without
             the Firebug extension, the script creates a Firebug Lite console.
             This console can be opened by hitting <b>F12</b> or <b>Ctrl+Shift+L</b>
-            (<b>?+Shift+L</b> on a Mac).  If you want the Firebug Lite console
+            (<b>Command+Shift+L</b> on a Mac).  If you want the Firebug Lite console
             to be open when the page loads, add <b>debug="true"</b> to the opening
             html tag of your page.  Open the console and click on the links below
             to see console calls.</p>
diff --git a/examples/document-drag.html b/examples/document-drag.html
index 83b118e84d..83e114fa03 100644
--- a/examples/document-drag.html
+++ b/examples/document-drag.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Document Drag Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
@@ -35,7 +37,7 @@ <h1 id="title">OpenLayers Document Drag Example</h1>
     <div id="map" class="smallmap"></div>
 
     <div id="docs">
-        This example shows how to make a map draggable outside of the map itself.
+        <p>This example shows how to make a map draggable outside of the map itself.</p>
     </div>
   </body>
 </html>
diff --git a/examples/donut.html b/examples/donut.html
index 51ff47ad0a..3231876a3b 100644
--- a/examples/donut.html
+++ b/examples/donut.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Polygon Hole Digitizing</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="style.css" type="text/css">
diff --git a/examples/doubleSetCenter.html b/examples/doubleSetCenter.html
index 297e0c0693..ccc524c1ee 100644
--- a/examples/doubleSetCenter.html
+++ b/examples/doubleSetCenter.html
@@ -1,12 +1,14 @@
+<!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Double Set Center Example</title>
        
         <script src="../lib/OpenLayers.js"></script>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
     </head>
     <body>
         <h1 id="title">Double Set Center Example</h1>
@@ -16,7 +18,7 @@ <h1 id="title">Double Set Center Example</h1>
         </div>
 
         <p id="shortdesc">
-            Demonstrate the behavior of two calls to set the center after instatiating the layer object.
+            Demonstrate the behavior of two calls to set the center after instantiating the layer object.
         </p>
 
         <div id="map" class="smallmap"></div>
diff --git a/examples/drag-feature.html b/examples/drag-feature.html
index aaf8192124..15953d7764 100644
--- a/examples/drag-feature.html
+++ b/examples/drag-feature.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>Drag Feature Example</title>
         
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             #controls {
                 width: 512px;
diff --git a/examples/draw-feature.html b/examples/draw-feature.html
index aac87c9472..cc47748685 100644
--- a/examples/draw-feature.html
+++ b/examples/draw-feature.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>Draw Feature Example</title>
         
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             #controlToggle li {
                 list-style: none;
diff --git a/examples/dynamic-text-layer.html b/examples/dynamic-text-layer.html
index 3c3f701b13..a01c38ff7d 100644
--- a/examples/dynamic-text-layer.html
+++ b/examples/dynamic-text-layer.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Vector Behavior Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var map;
@@ -82,20 +84,18 @@ <h1 id="title">Dynamic POIs via a Text Layer</h1>
         </p>
         <div id="map" class="smallmap"></div>
         <div id="docs">
-            The vector layer shown uses the BBOX strategy, the HTTP protocol,
+            <p>The vector layer shown uses the BBOX strategy, the HTTP protocol,
             and the Text format.
             This setup appends "?bbox=west,south,east,north" to every
             request. This allows you to configure the location as something
             like 'textfile.php', and take the '?bbox=' parameter to select
-            data from a database or the like.
-<br /><br />
-            There is nothing about this example that limits it to text files;
-            you can do the same thing with KML, GeoJSON, etc.
-            <br /><br />
-            This is an alternative to something like the <a href="http://wiki.openstreetmap.org/index.php/OpenLayers_Dynamic_POI">OpenStreetMap "Dynamic POI"</a> example. The Layer is a standard vector layer, and interaction can be
+            data from a database or the like.</p>
+            <p>There is nothing about this example that limits it to text files;
+            you can do the same thing with KML, GeoJSON, etc.</p>
+            <p>This is an alternative to something like the <a href="http://wiki.openstreetmap.org/index.php/OpenLayers_Dynamic_POI">OpenStreetMap "Dynamic POI"</a> example. The Layer is a standard vector layer, and interaction can be
             configured via the SelectFeature control, as you can see in the 
             latter half of the code, which allows you to open a popup when
-            a feature is selected.
+            a feature is selected.</p>
         </div>
     </body>
 </html>
diff --git a/examples/editingtoolbar-outside.html b/examples/editingtoolbar-outside.html
index f15621f83c..27cfbe8ead 100644
--- a/examples/editingtoolbar-outside.html
+++ b/examples/editingtoolbar-outside.html
@@ -1,11 +1,12 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Custom Editing Toolbar</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         .olControlEditingToolbar  {
             float:left;
diff --git a/examples/editingtoolbar.html b/examples/editingtoolbar.html
index a73a155d27..0ac2742c2f 100644
--- a/examples/editingtoolbar.html
+++ b/examples/editingtoolbar.html
@@ -1,17 +1,18 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Editing Toolbar Example</title>
         
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <!--[if lte IE 6]>
-            <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+            <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css">
         <![endif]-->
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
-        <script src="../lib/Firebug/debug.js"></script>
+        <script src="../lib/Firebug/firebug.js"></script>
         <script type="text/javascript">
             var lon = 5;
             var lat = 40;
diff --git a/examples/events.html b/examples/events.html
index d5f0bcbfd6..ddb509401d 100644
--- a/examples/events.html
+++ b/examples/events.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Event Handling</title>
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             #panel {
                 margin: 5px;
diff --git a/examples/example-list.html b/examples/example-list.html
index 78f5dbdc9c..aaf3969194 100644
--- a/examples/example-list.html
+++ b/examples/example-list.html
@@ -1,8 +1,9 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
+<!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <!-- This is the example list source: if you are trying to look at the 
         source of an example, YOU ARE IN THE WRONG PLACE. If you want to view
         the source of just one example, you can typically choose 
@@ -11,7 +12,7 @@
         click on the link), and view source from there. -->  
         <title>OpenLayers Examples</title>
         <link rel="alternate" href="example-list.xml" type="application/atom+xml" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             html, body {
                 margin: 0;
@@ -281,7 +282,7 @@
                 <a jugl:attributes="href example.link" class="mainlink"
                     target="_blank">
                         <h5 class="ex_title">
-                            <span jugl:replace="example.title">title</span><br />
+                            <span jugl:replace="example.title">title</span><br>
                             <span class="ex_filename" jugl:content="'(' + example.example + ')'">filename</span>
                         </h5>
                         <div class="ex_description" jugl:content="example.shortdesc">
diff --git a/examples/example.html b/examples/example.html
index d989948646..8b69d8b441 100644
--- a/examples/example.html
+++ b/examples/example.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="style.css" type="text/css">
diff --git a/examples/filter-strategy.html b/examples/filter-strategy.html
index 4c21246fed..2a9018a608 100644
--- a/examples/filter-strategy.html
+++ b/examples/filter-strategy.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Filter Strategy Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
diff --git a/examples/filter.html b/examples/filter.html
index 1484d58ee2..49e8233102 100644
--- a/examples/filter.html
+++ b/examples/filter.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style>
     #in {
         width: 90%;
@@ -94,11 +96,11 @@ <h1 id="title">Filter Encoding</h1>
     ]
 });
     </textarea>
-    <button id="write">write</button><br />
+    <button id="write">write</button><br>
     Filter Encoding 1.0
-    <textarea id="out0"></textarea><br />
+    <textarea id="out0"></textarea><br>
     Filter Encoding 1.1
-    <textarea id="out1"></textarea><br />
+    <textarea id="out1"></textarea><br>
     <p id="docs">
     </p>
   </body>
diff --git a/examples/fractional-zoom.html b/examples/fractional-zoom.html
index 5dbf4e3df3..488b0486a7 100644
--- a/examples/fractional-zoom.html
+++ b/examples/fractional-zoom.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
@@ -53,7 +55,7 @@ <h1 id="title">Fractional Zoom Example</h1>
                id="fractional" checked="checked" onclick="update(this)" />
         <label for="fractional">Fractional Zoom</label>
         (zoom: <span id="zoom"></span>)
-        <br /><br />
+        <br><br>
     <div id="docs">
             <p>
             Setting the map.fractionalZoom property to true allows zooming to
diff --git a/examples/fullScreen.html b/examples/fullScreen.html
index 861a23d46d..0d396b6c79 100644
--- a/examples/fullScreen.html
+++ b/examples/fullScreen.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>Full Screen Example</title>        
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             html, body, #map {
                 margin: 0;
diff --git a/examples/game-accel-ball.html b/examples/game-accel-ball.html
index ac4037fc87..051c954dfe 100644
--- a/examples/game-accel-ball.html
+++ b/examples/game-accel-ball.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Game: Bounce Ball</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js?mobile"></script>
     <style type="text/css">
       html, body { height: 100%; }
@@ -74,7 +76,7 @@ <h1 id="title">Accelerometer Example</h1>
 
     <div id="map" width="100%" height="100%" style="background-color: grey"></div>
     <div id="docs">
-      Demo works best when device is locked in portrait mode. 
+      <p>Demo works best when device is locked in portrait mode.</p> 
     </div>
   </body>
 </html>
diff --git a/examples/geojson.html b/examples/geojson.html
index 7e787de252..d1fb6a5d14 100644
--- a/examples/geojson.html
+++ b/examples/geojson.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 5;
@@ -69,7 +71,7 @@ <h1 id="title">GeoJSON Example</h1>
     </p>
     <div id="map" class="smallmap"></div>
     <div id="docs">
-        This example uses the GeoJSON format.
+        <p>This example uses the GeoJSON format.</p>
     </div>
   </body>
 </html>
diff --git a/examples/geolocation.html b/examples/geolocation.html
index 5fd41c7614..a2ec5e5af8 100644
--- a/examples/geolocation.html
+++ b/examples/geolocation.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
         <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
         <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Geolocation</title>
diff --git a/examples/georss-flickr.html b/examples/georss-flickr.html
index bbf7a2ae67..88be9bb36e 100644
--- a/examples/georss-flickr.html
+++ b/examples/georss-flickr.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         .olPopupContent {
             font-size: smaller;
diff --git a/examples/georss-markers.html b/examples/georss-markers.html
index 44acf6fdc5..6309ba4237 100644
--- a/examples/georss-markers.html
+++ b/examples/georss-markers.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers GeoRSS Marker Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
diff --git a/examples/georss.html b/examples/georss.html
index e9d3fbda17..e0472aa048 100644
--- a/examples/georss.html
+++ b/examples/georss.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers GeoRSS Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
@@ -45,11 +47,11 @@ <h1 id="title">GeoRSS Example</h1>
         <p>This demo uses the OpenLayers GeoRSS parser, which supports GeoRSS Simple and W3C GeoRSS. Only points are
         currently supported.  The OpenLayers GeoRSS parser will automatically connect an information bubble to the map
         markers, similar to Google maps.  In addition, the parser can use custom PNG icons for markers.  A sample GeoRSS
-        file (georss.xml) is included.
+        file (georss.xml) is included.</p>
 
         <form onsubmit="return false;">
                GeoRSS URL: <input type="text" id="url" size="50" value="georss.xml" />
-               <input type="submit" onclick="addUrl(); return false;" value="Load Feed" onsubmit="addUrl(); return false;" />
+               <input type="submit" onclick="addUrl(); return false;" value="Load Feed" onsubmit="addUrl(); return false;">
         </form>
 
         <p>The above input box allows the input of a URL to a GeoRSS feed. This feed can be local to the HTML page &mdash;
diff --git a/examples/getfeature-wfs.html b/examples/getfeature-wfs.html
index 8e0ea90647..1bee4376de 100644
--- a/examples/getfeature-wfs.html
+++ b/examples/getfeature-wfs.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <title>WFS: GetFeature Example (GeoServer)</title>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
@@ -78,9 +80,5 @@ <h1 id="title">WFS GetFeature Example (GeoServer)</h1>
         of GetFeature requests to be issued.
     </p>
 </div>
-  </body>
-</html>
-
-
-
-</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/examples/getfeatureinfo-control.html b/examples/getfeatureinfo-control.html
index a6359687b1..72fcbfc273 100644
--- a/examples/getfeatureinfo-control.html
+++ b/examples/getfeatureinfo-control.html
@@ -1,11 +1,13 @@
+<!DOCTYPE html>
 <html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers WMS Feature Info Example (GeoServer)</title>
     <script src="../lib/OpenLayers.js"></script>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         ul, li {
             padding-left: 0px;
@@ -44,7 +46,7 @@
 
 
     </style>
-  <script defer="defer" type="text/javascript">
+    <script defer="defer" type="text/javascript">
     OpenLayers.ProxyHost = "proxy.cgi?url=";
     
     var map, infocontrols, water, highlightlayer;
@@ -157,7 +159,7 @@
     }
 
     // function toggle(key
-  </script>
+    </script>
   </head>
   <body onload="load()">
       <h1 id="title">Feature Info Example</h1>
diff --git a/examples/getfeatureinfo-popup.html b/examples/getfeatureinfo-popup.html
index 5b9c24c33c..15ac843ec1 100644
--- a/examples/getfeatureinfo-popup.html
+++ b/examples/getfeatureinfo-popup.html
@@ -1,11 +1,13 @@
+<!DOCTYPE html>
 <html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>GetFeatureInfo Popup</title>
     <script src="../lib/OpenLayers.js"></script>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script>
     OpenLayers.ProxyHost = "proxy.cgi?url=";
     
diff --git a/examples/gml-layer.html b/examples/gml-layer.html
index 7d66b04613..e52b8a219f 100644
--- a/examples/gml-layer.html
+++ b/examples/gml-layer.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
       <title>OpenLayers GML Layer Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 5;
@@ -31,7 +33,7 @@ <h1 id="title">GML Layer Example</h1>
 
       <p id="shortdesc">
           Loads locally stored GML vector data on a basemap. Includes GML example file.
-    </p>
+      </p>
 
     <div id="map" class="smallmap"></div>
 
diff --git a/examples/google-ng.html b/examples/google-ng.html
index a2820f3ed4..2aa9049f7d 100644
--- a/examples/google-ng.html
+++ b/examples/google-ng.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Google NG Layer Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
diff --git a/examples/google-reproject.html b/examples/google-reproject.html
index 8be028e78d..7bbdefc480 100644
--- a/examples/google-reproject.html
+++ b/examples/google-reproject.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Google with Overlay Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <!-- this gmaps key generated for http://openlayers.org/dev/ -->
     <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
     <script src="../lib/OpenLayers.js"></script>
@@ -50,12 +52,12 @@ <h1 id="title">Google with Overlay Example</h1>
     <div id="map" class="smallmap"></div>
 
     <div id="docs">
-        An overlay in a Geographic projection can be stretched to somewhat
+        <p>An overlay in a Geographic projection can be stretched to somewhat
         line up with Google tiles (in a Mercator projection).  Results get
         worse farther from the equator.  Use the "reproject" option on a
         layer to get this behavior.  Use the sphericalMercator option on
         a Google layer to get proper overlays (with other layers in
-        Spherical Mercator).
+        Spherical Mercator).</p>
     </div>
   </body>
 </html>
diff --git a/examples/google-v3-alloverlays.html b/examples/google-v3-alloverlays.html
index ddf9556bf4..1f417a7b33 100644
--- a/examples/google-v3-alloverlays.html
+++ b/examples/google-v3-alloverlays.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Google (v3) Layer Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
diff --git a/examples/google-v3.html b/examples/google-v3.html
index 7c9ad3d12b..a517f10727 100644
--- a/examples/google-v3.html
+++ b/examples/google-v3.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Google (v3) Layer Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
diff --git a/examples/google.html b/examples/google.html
index af2ca3d4a9..b80daa936a 100644
--- a/examples/google.html
+++ b/examples/google.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Google Layer Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="../theme/default/google.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <!-- this gmaps key generated for http://openlayers.org/dev/ -->
     <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
     <script src="../lib/OpenLayers.js"></script>
diff --git a/examples/graphic-name.html b/examples/graphic-name.html
index 35026f5de1..369048dc20 100644
--- a/examples/graphic-name.html
+++ b/examples/graphic-name.html
@@ -1,12 +1,13 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
         <title>OpenLayers Graphic Names</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js" type="text/javascript"></script>
         <script src="./graphic-name.js" type="text/javascript"></script>
     </head>
diff --git a/examples/graticule.html b/examples/graticule.html
index 3f8f665c56..120c154407 100644
--- a/examples/graticule.html
+++ b/examples/graticule.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Graticule Example</title>
 
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             #map {
                 width: 600px;
diff --git a/examples/gutter.html b/examples/gutter.html
index ddefc97a64..1189deeeca 100644
--- a/examples/gutter.html
+++ b/examples/gutter.html
@@ -1,10 +1,12 @@
+<!DOCTYPE html>
 <html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-      <title>OpenLayers Gutter Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>OpenLayers Gutter Example</title>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         p.caption {
             width: 512px;
diff --git a/examples/highlight-feature.html b/examples/highlight-feature.html
index d4284f8383..5f0c6c77e0 100644
--- a/examples/highlight-feature.html
+++ b/examples/highlight-feature.html
@@ -1,13 +1,15 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>SelectFeature Control for Select and Highlight</title> 
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <!--[if lte IE 6]>
-        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css">
     <![endif]-->
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #controlToggle li {
             list-style: none;
diff --git a/examples/hover-handler.html b/examples/hover-handler.html
index c2255b4a72..b794e8c05d 100644
--- a/examples/hover-handler.html
+++ b/examples/hover-handler.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Hover Handler Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />        
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">        
         <style type="text/css">
             #map {
                 width: 340px;
diff --git a/examples/image-layer.html b/examples/image-layer.html
index 11bd31aade..bd61019027 100644
--- a/examples/image-layer.html
+++ b/examples/image-layer.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-      <title>OpenLayers Image Layer Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>OpenLayers Image Layer Example</title>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         p.caption {
             width: 512px;
diff --git a/examples/intersects.html b/examples/intersects.html
index 03bdf2b2a5..102057a7b1 100644
--- a/examples/intersects.html
+++ b/examples/intersects.html
@@ -1,13 +1,15 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Geometry Intersections</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <!--[if lte IE 6]>
-        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css">
     <![endif]-->
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         html, body {
             margin: 0;
@@ -180,11 +182,11 @@ <h1 id="title">OpenLayers Geometry Intersection Example</h1>
         </div>
     </div>
     <div id="info">
-        Features
-        <input type="button" value="refresh" onclick="serialize();" /><br />
+        <p>Features</p>
+        <input type="button" value="refresh" onclick="serialize();"><br>
         <textarea id="features"></textarea>
-        Intersections
-        <input type="button" value="intersect all" onclick="intersect();" /><br />
+        <p>Intersections</p>
+        <input type="button" value="intersect all" onclick="intersect();"><br>
         <textarea id="intersections"></textarea>
     </div>
   </body>
diff --git a/examples/kamap.html b/examples/kamap.html
index 4b1a03af1c..51f6cc66c0 100644
--- a/examples/kamap.html
+++ b/examples/kamap.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers KaMap Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
diff --git a/examples/kinetic.html b/examples/kinetic.html
index b11afc037c..3369d7833f 100644
--- a/examples/kinetic.html
+++ b/examples/kinetic.html
@@ -2,8 +2,9 @@
 <html>
   <head>
     <title>OpenLayers Kinetic Dragging Example</title>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <link rel="stylesheet" href="style.css" type="text/css">
   </head>
diff --git a/examples/kml-layer.html b/examples/kml-layer.html
index 1b53b3869f..52b07c7d50 100644
--- a/examples/kml-layer.html
+++ b/examples/kml-layer.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="style.css" type="text/css">
     </head>
diff --git a/examples/kml-pointtrack.html b/examples/kml-pointtrack.html
index 04c2a4c8b8..2ef86b119e 100644
--- a/examples/kml-pointtrack.html
+++ b/examples/kml-pointtrack.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers KML Track in a PointTrack Layer Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
@@ -33,6 +34,7 @@ <h1 id="title">Parsing gx:Track in KML</h1>
             <p>
                 View the <a href="kml-pointtrack.js" target="_blank">kml-pointtrack.js</a>
                 source to see how this is done.
+            </p>
         </div>
     </body>
 </html>
diff --git a/examples/kml-track.html b/examples/kml-track.html
index 995fb55de0..559c549592 100644
--- a/examples/kml-track.html
+++ b/examples/kml-track.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers KLM Track Parsing Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
diff --git a/examples/late-render.html b/examples/late-render.html
index 3bc9ed7157..d6d136b88d 100644
--- a/examples/late-render.html
+++ b/examples/late-render.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Late Rendering Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>    
     <script type="text/javascript">
     
@@ -36,11 +38,11 @@ <h1 id="title">Late Rendering</h1>
     </p>
     <div id="container_id" class="smallmap"></div>    
     <div id="docs">
-        In cases where you need to create a map first and render it to some
+        <p>In cases where you need to create a map first and render it to some
         container later, call the map constructor without a "div" argument.
         In this case, you can provide the options object as the first argument.
         To render your map to some container after construction, call the map's
-        render method with the container id.
+        render method with the container id.</p>
     </div>
   </body>
 </html>
diff --git a/examples/layer-opacity.html b/examples/layer-opacity.html
index 3014df2ae4..7a55af33d0 100644
--- a/examples/layer-opacity.html
+++ b/examples/layer-opacity.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
       <title>OpenLayers Layer Opacity Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         body {
             font-family: sans-serif;
diff --git a/examples/layerLoadMonitoring.html b/examples/layerLoadMonitoring.html
index 899418a09a..75da2c3662 100644
--- a/examples/layerLoadMonitoring.html
+++ b/examples/layerLoadMonitoring.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Layer Load Monitoring Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #controls {
             float: left;
diff --git a/examples/layerswitcher.html b/examples/layerswitcher.html
index 96af4633bf..f967914e39 100644
--- a/examples/layerswitcher.html
+++ b/examples/layerswitcher.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
       <title>OpenLayers Layer Switcher Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
diff --git a/examples/lite.html b/examples/lite.html
index 56b757a453..aa12b9b0ef 100644
--- a/examples/lite.html
+++ b/examples/lite.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Basic Single WMS Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
@@ -30,7 +32,8 @@ <h1 id="title">Basic Single WMS Example</h1>
     <div id="map" class="smallmap"></div>
 
     <div id="docs">
-        This example shows a very simple layout with minimal controls.  This example uses a single WMS base layer.
+        <p>This example shows a very simple layout with minimal controls.
+        This example uses a single WMS base layer.</b>
     </div>
   </body>
 </html>
diff --git a/examples/mapguide.html b/examples/mapguide.html
index e717096c0d..2161ee6b5d 100644
--- a/examples/mapguide.html
+++ b/examples/mapguide.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers MapGuide Layer Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #map {
             width: 400px;
diff --git a/examples/mapserver.html b/examples/mapserver.html
index a0aeff9290..6d0f3a36b5 100644
--- a/examples/mapserver.html
+++ b/examples/mapserver.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>MapServer Layer</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 5;
@@ -31,7 +33,9 @@ <h1 id="title">MapServer Layer</h1>
     <div id="shortdesc">Shows MapServer Layer</div>
     <div id="map" class="smallmap"></div>
     <div id="docs">
-        This is an example of using a MapServer Layer with a gutter parameter.  The gutter parameter is used to try to limit the edge effects between tiles.
+        <p>This is an example of using a MapServer Layer with a gutter
+        parameter.  The gutter parameter is used to try to limit the edge
+        effects between tiles.</p>
     </div>
   </body>
 </html>
diff --git a/examples/mapserver_untiled.html b/examples/mapserver_untiled.html
index 77b971404d..a54ba7f355 100644
--- a/examples/mapserver_untiled.html
+++ b/examples/mapserver_untiled.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>MapServer Single Tile Mode</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #map {
             width: 100%;
@@ -33,7 +35,9 @@ <h1 id="title">MapServer Single Tile Mode</h1>
     <div id="shortdesc">Shows single tile MapServer Layer</div>
     <div id="map" class="smallmap"></div>
     <div id="docs">
-        This shows an example of using a MapServer Layer in single tile mode.  Single tile mode can be useful when pulling data from dynamic sources.
+        <p>This shows an example of using a MapServer Layer in single tile
+        mode.  Single tile mode can be useful when pulling data from dynamic
+        sources.</p>
     </div>
   </body>
 </html>
diff --git a/examples/marker-shadow.html b/examples/marker-shadow.html
index 0afd51a518..3ae6192992 100644
--- a/examples/marker-shadow.html
+++ b/examples/marker-shadow.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Vector Graphics with Shadows</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         .smallmap {
             width: 300px;
diff --git a/examples/markerResize.html b/examples/markerResize.html
index 6054f6d113..feaf71fe99 100644
--- a/examples/markerResize.html
+++ b/examples/markerResize.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Resize a Marker</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
@@ -48,7 +50,10 @@ <h1 id="title">Resize a Marker</h1>
     <div id="shortdesc">Dynamically resize a marker</div>
     <div id="map" class="smallmap"></div>
     <div id="docs">
-        This example shows how to create a OpenLayers.Layer.Markers layer, add an icon, put it into a marker, and add the marker to the layer.  Once the marker has been added it is possible to use setSize() on the icon in order to resize the marker.
+        <p>This example shows how to create a OpenLayers.Layer.Markers layer,
+        add an icon, put it into a marker, and add the marker to the layer.
+        Once the marker has been added it is possible to use setSize() on the
+        icon in order to resize the marker.</p>
     </div>
     <div style="background-color:purple" onclick="resize()"> click to resize marker</div>
   </body>
diff --git a/examples/markers.html b/examples/markers.html
index fbb497309e..85dd580748 100644
--- a/examples/markers.html
+++ b/examples/markers.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Markers Layer Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
@@ -49,7 +51,9 @@ <h1 id="title">Markers Layer Example</h1>
     <div id="shortdesc">Show markers layer with different markers</div>
     <div id="map" class="smallmap"></div>
     <div id="docs">
-        This is an example of an OpenLayers.Layers.Markers layer that shows some examples of adding markers.  Also demonstrated is registering a mousedown effect on a marker.
+        <p>This is an example of an OpenLayers.Layers.Markers layer that shows
+        some examples of adding markers.  Also demonstrated is registering a
+        mousedown effect on a marker.</p>
     </div>
   </body>
 </html>
diff --git a/examples/markersTextLayer.html b/examples/markersTextLayer.html
index 042060d19e..7b2479a453 100644
--- a/examples/markersTextLayer.html
+++ b/examples/markersTextLayer.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Using a Layer.Text to display markers</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
diff --git a/examples/measure.html b/examples/measure.html
index 558ce5470f..68780800e6 100644
--- a/examples/measure.html
+++ b/examples/measure.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #controlToggle li {
             list-style: none;
diff --git a/examples/mm.html b/examples/mm.html
index cdb79dd3a4..3325c0b9f1 100644
--- a/examples/mm.html
+++ b/examples/mm.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>MultiMap</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #map {
             width: 100%;
diff --git a/examples/mobile-navigation.html b/examples/mobile-navigation.html
index 28377869a6..c63485ad7a 100644
--- a/examples/mobile-navigation.html
+++ b/examples/mobile-navigation.html
@@ -1,12 +1,13 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Mobile Navigation Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <link rel="stylesheet" href="style.mobile.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script type="text/javascript" src="../lib/OpenLayers.js?mobile"></script>
     <script type="text/javascript" src="mobile-navigation.js"></script>
   </head>
diff --git a/examples/modify-feature.html b/examples/modify-feature.html
index bd17bd829c..e199cb9419 100644
--- a/examples/modify-feature.html
+++ b/examples/modify-feature.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Modify Feature</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #controls {
             width: 512px;
diff --git a/examples/mouse-position.html b/examples/mouse-position.html
index 56f7b6210a..529119b649 100644
--- a/examples/mouse-position.html
+++ b/examples/mouse-position.html
@@ -1,12 +1,12 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" debug="true">
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>MousePosition Control</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
@@ -40,6 +40,8 @@ <h1 id="title">MousePosition Control</h1>
     </p>  
     <div id="map" class="smallmap"></div>
     <div id="coords"></div>
-    <p>Moving your mouse to the upper left corner of this map should return 'x=0,y=0' -- in the past, it didn't in IE. If it returns 2,2, consider it a bug, and report it.</p> 
+    <p>Moving your mouse to the upper left corner of this map should return
+    'x=0,y=0' -- in the past, it didn't in IE. If it returns 2,2, consider it a
+    bug, and report it.</p> 
   </body>
 </html>
diff --git a/examples/mousewheel-interval.html b/examples/mousewheel-interval.html
index 43052e5ab0..1282235eae 100644
--- a/examples/mousewheel-interval.html
+++ b/examples/mousewheel-interval.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Mousewheel Interval Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
diff --git a/examples/multimap-mercator.html b/examples/multimap-mercator.html
index ccf6270619..ad30ace455 100644
--- a/examples/multimap-mercator.html
+++ b/examples/multimap-mercator.html
@@ -1,13 +1,15 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>MultiMap SphericalMercator</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <!--[if lte IE 6]>
         <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
     <![endif]-->
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #map {
             width: 100%;
diff --git a/examples/multiserver.html b/examples/multiserver.html
index 363e464c18..25f6b74970 100644
--- a/examples/multiserver.html
+++ b/examples/multiserver.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Tiles from Multiple Servers</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 5;
@@ -37,7 +39,13 @@ <h1 id="title">Multiple Server URLS</h1>
 
     <div id="map" class="smallmap"></div>
     <div id="docs">
-    Browsers typically limit the number of concurrent requests to the same server, based on hostname. In order to ake tiles load more quickly, it often makes sense to distribute requests over multiple hostnames to achieve more concurrency. Typically, browsers perform best with 3 different hostnames -- your performance may vary. (For example, if your server can't handle more than 2 requests simultaneously, then additional hostnames will not help you.)    
+    <p>Browsers typically limit the number of concurrent requests to the same
+    server, based on hostname. In order to ake tiles load more quickly, it
+    often makes sense to distribute requests over multiple hostnames to achieve
+    more concurrency. Typically, browsers perform best with 3 different
+    hostnames -- your performance may vary. (For example, if your server can't
+    handle more than 2 requests simultaneously, then additional hostnames will
+    not help you.)</p>    
    </div>
    
   </body>
diff --git a/examples/multitouch.html b/examples/multitouch.html
index 9595bee8de..442b24ac44 100644
--- a/examples/multitouch.html
+++ b/examples/multitouch.html
@@ -1,5 +1,7 @@
+<!DOCTYPE html>
 <html>
   <head>
+   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Multitouch Test</title>
   </head>
   <body>
diff --git a/examples/mvs.html b/examples/mvs.html
index 334f0be76f..9eaa185a0b 100644
--- a/examples/mvs.html
+++ b/examples/mvs.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 <!-- 
      This probably needs to be renamed index.html for deployment.
@@ -5,8 +6,9 @@
      directory it is in.
 -->
 <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
 
     <!-- this gmaps key generated for http://openlayers.org/dev/ -->
     <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
diff --git a/examples/navigation-control.html b/examples/navigation-control.html
index 18dee0cd9b..bc7ed28626 100644
--- a/examples/navigation-control.html
+++ b/examples/navigation-control.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Navigation Control</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
@@ -32,7 +34,11 @@ <h1 id="title">Navigation Control</h1>
     <div id="map" class="smallmap"></div>
     <a href="#" onclick="nav.enableZoomWheel();return false">Turn on Wheel Zoom</a> | <a href="#" onclick="nav.disableZoomWheel(); return false;">Turn off Wheel Zoom</a>
     <div id="docs">
-        This example demonstrates a couple features of the Navigation control. The Navigation control controls most map dragging, movement, zooming, etc. In this case, we have a demonstration of how to create a navigation control with no zoom wheel action, which can then be enabled or disabled by the user.
+        <p>This example demonstrates a couple features of the Navigation
+        control. The Navigation control controls most map dragging, movement,
+        zooming, etc. In this case, we have a demonstration of how to create a
+        navigation control with no zoom wheel action, which can then be enabled
+        or disabled by the user.</p>
     </div>
   </body>
 </html>
diff --git a/examples/navigation-history.html b/examples/navigation-history.html
index 5bb3889973..46ef85abd4 100644
--- a/examples/navigation-history.html
+++ b/examples/navigation-history.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Navigation History Example</title>
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style>
             #panel {
                 right: 0px;
diff --git a/examples/navtoolbar-alwaysZoom.html b/examples/navtoolbar-alwaysZoom.html
index ba1a811101..c270a8ee52 100644
--- a/examples/navtoolbar-alwaysZoom.html
+++ b/examples/navtoolbar-alwaysZoom.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
 	<head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+        <meta name="apple-mobile-web-app-capable" content="yes">
 		<title>A navToolbar with an alwaysZoom ZoomBox</title>
-		<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-	    <link rel="stylesheet" href="style.css" type="text/css" />
+		<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+	    <link rel="stylesheet" href="style.css" type="text/css">
 		<!-- Override the position of the toolbar to make it fit in a small map -->
 		<style type='text/css'>     
 			.olControlNavToolbar {
diff --git a/examples/navtoolbar-outsidemap.html b/examples/navtoolbar-outsidemap.html
index 5edcd41299..e3a5691565 100644
--- a/examples/navtoolbar-outsidemap.html
+++ b/examples/navtoolbar-outsidemap.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Custom Navigation Toolbar</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 5;
diff --git a/examples/navtoolbar.html b/examples/navtoolbar.html
index 5ce5fc9528..152adcbd12 100644
--- a/examples/navtoolbar.html
+++ b/examples/navtoolbar.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <title>NavToolbar Demo</title>
     <style type='text/css'>    
         #map {
diff --git a/examples/openls.html b/examples/openls.html
index f63ec73734..fd7c499a58 100644
--- a/examples/openls.html
+++ b/examples/openls.html
@@ -1,5 +1,7 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
 <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
     <meta name="apple-mobile-web-app-capable" content="yes"/>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css"/>
diff --git a/examples/ordering.html b/examples/ordering.html
index d69d6696cf..8361d1cdc9 100644
--- a/examples/ordering.html
+++ b/examples/ordering.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Z-Ordering and Y-Ordering of Vector Features</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         .smallmap {
             width: 300px;
diff --git a/examples/osm-google.html b/examples/osm-google.html
index 398d153fe4..6defe23333 100644
--- a/examples/osm-google.html
+++ b/examples/osm-google.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers OSM and Google Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
diff --git a/examples/osm-layer.html b/examples/osm-layer.html
index 9485929b87..c0ba4315af 100644
--- a/examples/osm-layer.html
+++ b/examples/osm-layer.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: OSM Layer</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style>
         #map {
             height: 350px;
diff --git a/examples/osm.html b/examples/osm.html
index d0a4ff4291..a7474b557c 100644
--- a/examples/osm.html
+++ b/examples/osm.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Basic Single WMS Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
@@ -33,7 +35,7 @@ <h1 id="title">Basic OSM Example</h1>
     <div id="map" class="smallmap"></div>
 
     <div id="docs">
-        This example shows a very simple OSM layout with minimal controls. 
+        <p>This example shows a very simple OSM layout with minimal controls.</p> 
     </div>
   </body>
 </html>
diff --git a/examples/outOfRangeMarkers.html b/examples/outOfRangeMarkers.html
index fe7552d310..e0f93767ab 100644
--- a/examples/outOfRangeMarkers.html
+++ b/examples/outOfRangeMarkers.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
 <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Using maxResolution to control overlays</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style>
         #map {
             height: 350px;
diff --git a/examples/overviewmap.html b/examples/overviewmap.html
index c1a850db9d..2b6f8fb4f1 100644
--- a/examples/overviewmap.html
+++ b/examples/overviewmap.html
@@ -1,10 +1,11 @@
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>Overview Map Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js" type="text/javascript"></script>
         <style>
         #map1 {
diff --git a/examples/pan-zoom-panels.html b/examples/pan-zoom-panels.html
index f0e6bb0972..ac473cf824 100644
--- a/examples/pan-zoom-panels.html
+++ b/examples/pan-zoom-panels.html
@@ -1,9 +1,10 @@
 <html>
 <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Pan and Zoom Panels</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
 
     <!-- 
       -- Special stylesheet inclusion for ie6, which doesn't handle the alpha 
@@ -16,7 +17,7 @@
         <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
     <![endif]-->
 
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script type="text/javascript" src="../lib/OpenLayers.js"></script>
     <script>
     var map;
diff --git a/examples/panel.html b/examples/panel.html
index 2e8756f0cf..2d5c424105 100644
--- a/examples/panel.html
+++ b/examples/panel.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Control Panel</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         .olControlPanel div { 
           display:block;
diff --git a/examples/point-track-markers.html b/examples/point-track-markers.html
index 1f2e9e6c74..eb3cffa762 100644
--- a/examples/point-track-markers.html
+++ b/examples/point-track-markers.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Point Track Markers</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer, rss, lineFeatures, popup;
diff --git a/examples/popupMatrix.html b/examples/popupMatrix.html
index 0b000dce2c..39b5d61edc 100644
--- a/examples/popupMatrix.html
+++ b/examples/popupMatrix.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml" debug="true">
+<!DOCTYPE html>
+<html debug="true">
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Popup Mayhem</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #map {
             width: 900px;
@@ -899,7 +901,7 @@ <h1 id="title">Popup Matrix</h1>
              tiny and you can only see a corner of it, then this code is broken.
         </p>
 
-      <br/>      
+      <br>      
 
       
    </div>
diff --git a/examples/popups.html b/examples/popups.html
index 5ba48457fd..97bf168250 100644
--- a/examples/popups.html
+++ b/examples/popups.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
diff --git a/examples/projected-map.html b/examples/projected-map.html
index 6c47480772..fcde268245 100644
--- a/examples/projected-map.html
+++ b/examples/projected-map.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Non-Geographic Projection</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
     #map {
     width: 100%;
diff --git a/examples/protocol-gears.html b/examples/protocol-gears.html
index fd2eaf0517..73fed98a57 100644
--- a/examples/protocol-gears.html
+++ b/examples/protocol-gears.html
@@ -1,12 +1,14 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <!--[if lte IE 6]>
         <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
     <![endif]-->
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         .float-left {
             float: left;
diff --git a/examples/regular-polygons.html b/examples/regular-polygons.html
index c7154a5fb9..58a6018780 100644
--- a/examples/regular-polygons.html
+++ b/examples/regular-polygons.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Regular Polygon Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         p {
             width: 512px;
diff --git a/examples/resize-features.html b/examples/resize-features.html
index 1584bdf340..1f041c8bac 100644
--- a/examples/resize-features.html
+++ b/examples/resize-features.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Resize Features Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         p {
             width: 500px;
diff --git a/examples/restricted-extent.html b/examples/restricted-extent.html
index 9b8efff9b1..3d356304ea 100644
--- a/examples/restricted-extent.html
+++ b/examples/restricted-extent.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Restricted Extent Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/Firebug/firebug.js"></script>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
diff --git a/examples/rotate-features.html b/examples/rotate-features.html
index 08a3a911db..eea7bba6fe 100644
--- a/examples/rotate-features.html
+++ b/examples/rotate-features.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Rotate Features Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         p {
             width: 500px;
diff --git a/examples/select-feature-multilayer.html b/examples/select-feature-multilayer.html
index e220bba363..9ed2ac9475 100644
--- a/examples/select-feature-multilayer.html
+++ b/examples/select-feature-multilayer.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>SelectFeature Control on multiple vector layers</title> 
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #controlToggle li {
             list-style: none;
diff --git a/examples/select-feature-openpopup.html b/examples/select-feature-openpopup.html
index 60af7ab63b..4d962cfa6c 100644
--- a/examples/select-feature-openpopup.html
+++ b/examples/select-feature-openpopup.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Open Popup on Layer.Vector</title> 
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #controlToggle li {
             list-style: none;
@@ -21,7 +23,7 @@
             popup = new OpenLayers.Popup.FramedCloud("chicken", 
                                      feature.geometry.getBounds().getCenterLonLat(),
                                      null,
-                                     "<div style='font-size:.8em'>Feature: " + feature.id +"<br />Area: " + feature.geometry.getArea()+"</div>",
+                                     "<div style='font-size:.8em'>Feature: " + feature.id +"<br>Area: " + feature.geometry.getArea()+"</div>",
                                      null, true, onPopupClose);
             feature.popup = popup;
             map.addPopup(popup);
diff --git a/examples/select-feature.html b/examples/select-feature.html
index cdb19854ca..29e6931db5 100644
--- a/examples/select-feature.html
+++ b/examples/select-feature.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>SelectFeature Control on Layer.Vector</title> 
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #controlToggle li {
             list-style: none;
diff --git a/examples/setextent.html b/examples/setextent.html
index 757242a698..6151ae3452 100644
--- a/examples/setextent.html
+++ b/examples/setextent.html
@@ -1,10 +1,10 @@
 <html>
 <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
 <title>Setting a visual Extent</title>
-<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
 <script src="../lib/OpenLayers.js"></script>
 </head>
 <body>
diff --git a/examples/simplify-linestring.html b/examples/simplify-linestring.html
index 6a528bb960..3b86ddfb86 100644
--- a/examples/simplify-linestring.html
+++ b/examples/simplify-linestring.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
         <title>Simplify a LineString geometry</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
diff --git a/examples/single-tile.html b/examples/single-tile.html
index 0fa574deef..0c9d6e7622 100644
--- a/examples/single-tile.html
+++ b/examples/single-tile.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers: Single Tile</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="style.css" type="text/css">
diff --git a/examples/sld-parser.html b/examples/sld-parser.html
index d5482937b4..d5e25adf1e 100644
--- a/examples/sld-parser.html
+++ b/examples/sld-parser.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers SLD Parser</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <style>
             #input {
diff --git a/examples/sld.html b/examples/sld.html
index 979190836b..fe2d0b0ad4 100644
--- a/examples/sld.html
+++ b/examples/sld.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/Firebug/firebug.js"></script>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
@@ -106,16 +108,16 @@ <h1 id="title">Styled Layer Descriptor (SLD) Example</h1>
     namedLayers object of the return from format.read().</p>
     <p>Select a new style for the WaterBodies layer below:</p>
     <form>
-      <input type="radio" name="style" onclick="setStyle(this.value)" checked="checked" value="0">Default Styler (zoom in to see more features)</input><br/>
-      <input type="radio" name="style" onclick="setStyle(this.value)" value="3">Styler Test PropertyIsEqualTo</input><br/>
-      <input type="radio" name="style" onclick="setStyle(this.value)" value="4">Styler Test WATER_TYPE</input><br/>
-      <input type="radio" name="style" onclick="setStyle(this.value)" value="5">Styler Test PropertyIsGreaterThanOrEqualTo</input><br/>
-      <input type="radio" name="style" onclick="setStyle(this.value)" value="6">Styler Test PropertyIsLessThanOrEqualTo</input><br/>
-      <input type="radio" name="style" onclick="setStyle(this.value)" value="7">Styler Test PropertyIsGreaterThan</input><br/>
-      <input type="radio" name="style" onclick="setStyle(this.value)" value="8">Styler Test PropertyIsLessThan</input><br/>
-      <input type="radio" name="style" onclick="setStyle(this.value)" value="9">Styler Test PropertyIsLike</input><br/>
-      <input type="radio" name="style" onclick="setStyle(this.value)" value="10">Styler Test PropertyIsBetween</input><br/>
-      <input type="radio" name="style" onclick="setStyle(this.value)" value="11">Styler Test FeatureId</input><br/>
+      <input type="radio" name="style" onclick="setStyle(this.value)" checked="checked" value="0">Default Styler (zoom in to see more features)</input><br>
+      <input type="radio" name="style" onclick="setStyle(this.value)" value="3">Styler Test PropertyIsEqualTo</input><br>
+      <input type="radio" name="style" onclick="setStyle(this.value)" value="4">Styler Test WATER_TYPE</input><br>
+      <input type="radio" name="style" onclick="setStyle(this.value)" value="5">Styler Test PropertyIsGreaterThanOrEqualTo</input><br>
+      <input type="radio" name="style" onclick="setStyle(this.value)" value="6">Styler Test PropertyIsLessThanOrEqualTo</input><br>
+      <input type="radio" name="style" onclick="setStyle(this.value)" value="7">Styler Test PropertyIsGreaterThan</input><br>
+      <input type="radio" name="style" onclick="setStyle(this.value)" value="8">Styler Test PropertyIsLessThan</input><br>
+      <input type="radio" name="style" onclick="setStyle(this.value)" value="9">Styler Test PropertyIsLike</input><br>
+      <input type="radio" name="style" onclick="setStyle(this.value)" value="10">Styler Test PropertyIsBetween</input><br>
+      <input type="radio" name="style" onclick="setStyle(this.value)" value="11">Styler Test FeatureId</input><br>
     </form>
   </body>
 </html>
diff --git a/examples/snap-split.html b/examples/snap-split.html
index 08b6730664..d26d117832 100644
--- a/examples/snap-split.html
+++ b/examples/snap-split.html
@@ -1,13 +1,15 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <title>Snapping & Splitting</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>Snapping &amp; Splitting</title>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <!--[if lte IE 6]>
         <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
     <![endif]-->
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         .olControlEditingToolbar .olControlModifyFeatureItemInactive { 
             background-position: -1px -1px;
@@ -18,7 +20,7 @@
         label.head {
             font-weight: bold;
             padding: 1em 0 0.1em 0;
-            border-bottom: 1px solid grey;
+            border-bottom: 1px solid gray;
         }
         td {
             padding: 0.25em 1em;
@@ -247,7 +249,7 @@ <h1 id="title">Snapping & Splitting Example</h1>
     </div>    
     <div id="shortdesc">A demonstration snapping and splitting while editing vector features.</div>
     <div id="map" class="smallmap"></div>
-    <br/>
+    <br>
     <input type="checkbox" id="snap_toggle" />
     <label for="snap_toggle" class="head">Enable Snapping</label>
     <table id="snap_options">
@@ -263,7 +265,7 @@ <h1 id="title">Snapping & Splitting Example</h1>
             </tr>
         </tbody>
     </table>
-    <br />
+    <br>
     <input type="checkbox" id="split_toggle" />
     <label for="split_toggle" class="head">Enable Splitting</label>
     <table id="split_options">
@@ -274,7 +276,7 @@ <h1 id="title">Snapping & Splitting Example</h1>
             </tr>
         </tbody>
     </table>
-    <br />
+    <br>
     <button id="clear">clear</button> Clear all features.
   </body>
 </html>
diff --git a/examples/snapping.html b/examples/snapping.html
index b9ba5fad6b..27b8c1bb18 100644
--- a/examples/snapping.html
+++ b/examples/snapping.html
@@ -1,13 +1,15 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Snapping</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <!--[if lte IE 6]>
         <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
     <![endif]-->
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         .olControlEditingToolbar .olControlModifyFeatureItemInactive { 
             background-position: -1px -1px;
@@ -282,7 +284,7 @@ <h1 id="title">Snapping Example</h1>
     </div>      
     <div id="shortdesc">A demonstration snapping while editing vector features.</div>
     <div id="map" class="smallmap"></div>
-    <br/>
+    <br>
     <label for="editable">Editable Layer:</label>
     <select id="editable" name="editable">
         <option value="poly">polygons</option>
diff --git a/examples/sos.html b/examples/sos.html
index b35f956971..9b4304b3a4 100644
--- a/examples/sos.html
+++ b/examples/sos.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>SOS Client Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
     .sosmap {
         width: 768px;
diff --git a/examples/spherical-mercator.html b/examples/spherical-mercator.html
index f31c4a8c8f..5fa3804049 100644
--- a/examples/spherical-mercator.html
+++ b/examples/spherical-mercator.html
@@ -1,13 +1,15 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Spherical Mercator</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <!--[if lte IE 6]>
         <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
     <![endif]-->
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         .olControlAttribution { bottom: 0px!important }
         #map {
diff --git a/examples/split-feature.html b/examples/split-feature.html
index 37573a0e8e..2aed1f3b45 100644
--- a/examples/split-feature.html
+++ b/examples/split-feature.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>Split Feature Example</title>
         
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style>
             /* avoid pink tiles */
             .olImageLoadError {
@@ -104,11 +106,11 @@ <h1 id="title">OpenLayers Split Feature Example</h1>
         </p>
         <div id="map" class="smallmap"></div>    
         <div id="docs">
-            The split control can be configured to listen for edits on any vector layer
+            <p>The split control can be configured to listen for edits on any vector layer
             or it can allow for creation of temporary sketch features.  Modified or
             newly drawn features will be used to split existing features on any target
             layer.  This example shows the split control configured to use temporary
-            sketches for the split.
+            sketches for the split.</p>
         </div>
     </body>
 </html>
diff --git a/examples/strategy-bbox.html b/examples/strategy-bbox.html
index 7b7c753a86..9946cc2271 100644
--- a/examples/strategy-bbox.html
+++ b/examples/strategy-bbox.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers BBOX Strategy Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var map, photos;
diff --git a/examples/strategy-cluster-extended.html b/examples/strategy-cluster-extended.html
index 62a539d2bd..02b4fddaad 100644
--- a/examples/strategy-cluster-extended.html
+++ b/examples/strategy-cluster-extended.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>Extended clustering example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="style.css" type="text/css">
@@ -48,15 +49,15 @@ <h1 id="title">Extended clustering</h1>
                 <label>
                     <input type="radio" name="strategy" value="none" id="no-strategy" checked="checked">No strategy
                 </label>
-                <br/>
+                <br>
                 <label>
                     <input type="radio" name="strategy" value="cluster" id="cluster-strategy">Simple cluster-strategy
                 </label>
-                <br/>
+                <br>
                 <label>
                     <input type="radio" name="strategy" value="attribute-cluster" id="attributive-cluster-strategy">Attributive cluster-strategy
                 </label>
-                <br/>
+                <br>
                 <label>
                     <input type="radio" name="strategy" value="rule-cluster" id="rulebased-cluster-strategy">Rulebased cluster-strategy
                 </label>
diff --git a/examples/strategy-cluster-threshold.html b/examples/strategy-cluster-threshold.html
index 4272a3c8e0..35cb215c4d 100644
--- a/examples/strategy-cluster-threshold.html
+++ b/examples/strategy-cluster-threshold.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Cluster Strategy Threshold</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             ul {
                 list-style: none;
@@ -133,7 +135,7 @@ <h1 id="title">Cluster Strategy Threshold</h1>
             cluster.  The threshold determines the minimum number of features to
             be considered a cluster.</p>
         </div>
-        <br />
+        <br>
         <p>Cluster details: <span id="output">hover over a feature to see details.</span></p>
         <ul>
             <li>
diff --git a/examples/strategy-cluster.html b/examples/strategy-cluster.html
index 0637e89b5b..95783f9961 100644
--- a/examples/strategy-cluster.html
+++ b/examples/strategy-cluster.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Cluster Strategy Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             #photos {
                 height: 100px;
diff --git a/examples/strategy-paging.html b/examples/strategy-paging.html
index 1e74f9ea13..0acc791322 100644
--- a/examples/strategy-paging.html
+++ b/examples/strategy-paging.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Paging Strategy Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
             var map, photos, paging;
@@ -73,7 +75,7 @@ <h1 id="title">Paging Strategy Example</h1>
         Displaying page <span id="num">0</span> of <span id="count">...</span>
         <button id="prev" disabled="disabled" onclick="paging.pagePrevious();">previous</button>
         <button id="next" disabled="disabled" onclick="paging.pageNext();">next</button>
-        <br /><br />
+        <br><br>
         <div id="docs">
             <p>The Paging strategy lets you apply client side paging for protocols
             that do not support paging on the server.  In this case, the protocol requests a
diff --git a/examples/style-rules.html b/examples/style-rules.html
index 4efff3cfc5..5290ceeb82 100644
--- a/examples/style-rules.html
+++ b/examples/style-rules.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Rule Based Style</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script src="style-rules.js"></script>
     </head>
diff --git a/examples/stylemap.html b/examples/stylemap.html
index 7e9ccdec8b..045c700de4 100644
--- a/examples/stylemap.html
+++ b/examples/stylemap.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers StyleMap</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
diff --git a/examples/styles-context.html b/examples/styles-context.html
index ca59aba61f..2c9f0d03b6 100644
--- a/examples/styles-context.html
+++ b/examples/styles-context.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Vector Styles</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
@@ -32,12 +34,17 @@
                 );
             }
             
+            // allow testing of specific renderers via "?renderer=Canvas", etc
+            var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;
+            renderer = (renderer) ? [renderer] : OpenLayers.Layer.Vector.prototype.renderers;
+            
             // create the layer styleMap with a simple symbolizer template
             var layer1 = new OpenLayers.Layer.Vector('Points', {
                 styleMap: new OpenLayers.StyleMap({
                     pointRadius: "${type}", // based on feature.attributes.type
                     fillColor: "#666666"
-                })
+                }),
+                renderers: renderer
             });
             layer1.addFeatures(features);
 
@@ -61,17 +68,18 @@
                     var region = parseInt((feature.geometry.x + 180) / 120);
                     return colors[region];
                 },
-                getType: function(feature) {
-                    return feature.attributes["type"];
+                getSize: function(feature) {
+                    return feature.attributes["type"] / map.getResolution() * .703125;
                 }
             };
             var template = {
-                pointRadius: "${getType}", // using context.getType(feature)
+                pointRadius: "${getSize}", // using context.getSize(feature)
                 fillColor: "${getColor}" // using context.getColor(feature)
             };
             var style = new OpenLayers.Style(template, {context: context});
             var layer2 = new OpenLayers.Layer.Vector('Points', {
-                styleMap: new OpenLayers.StyleMap(style)
+                styleMap: new OpenLayers.StyleMap(style),
+                renderers: renderer
             });
             layer2.addFeatures(features);
 
diff --git a/examples/styles-rotation.html b/examples/styles-rotation.html
index e627da8eef..355ac863b5 100644
--- a/examples/styles-rotation.html
+++ b/examples/styles-rotation.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Styles Rotation Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js" type="text/javascript"></script>
     <script type="text/javascript">
         
diff --git a/examples/styles-unique.html b/examples/styles-unique.html
index 2e8eff9eb9..696858861c 100644
--- a/examples/styles-unique.html
+++ b/examples/styles-unique.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Styles Unique Value Styles Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
diff --git a/examples/sundials-spherical-mercator.html b/examples/sundials-spherical-mercator.html
index 95fd42db25..dfe4187ab5 100644
--- a/examples/sundials-spherical-mercator.html
+++ b/examples/sundials-spherical-mercator.html
@@ -1,11 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Sundials on a Spherical Mercator Map</title>
     <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
 
     <style type="text/css">
         #map {
diff --git a/examples/sundials.html b/examples/sundials.html
index 1ca397ad1b..2cacece5a7 100644
--- a/examples/sundials.html
+++ b/examples/sundials.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
 
     <style type="text/css">
         #map {
@@ -64,7 +66,7 @@
             // Javascript.
             var content = "<h2>"+feature.attributes.name + "</h2>" + feature.attributes.description;
             if (content.search("<script") != -1) {
-                content = "Content contained Javascript! Escaped content below.<br />" + content.replace(/</g, "&lt;");
+                content = "Content contained Javascript! Escaped content below.<br>" + content.replace(/</g, "&lt;");
             }
             popup = new OpenLayers.Popup.FramedCloud("chicken", 
                                      feature.geometry.getBounds().getCenterLonLat(),
diff --git a/examples/symbolizers-fill-stroke-graphic.html b/examples/symbolizers-fill-stroke-graphic.html
index 8dc514d952..84481f6f83 100644
--- a/examples/symbolizers-fill-stroke-graphic.html
+++ b/examples/symbolizers-fill-stroke-graphic.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Fill, Stroke, and Graphic Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js" type="text/javascript"></script>
     <script type="text/javascript">
         var map;
diff --git a/examples/teleportation.html b/examples/teleportation.html
index fa50f2a033..854da4f33a 100644
--- a/examples/teleportation.html
+++ b/examples/teleportation.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Teleporter Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     
     <style type="text/css">
@@ -65,10 +67,10 @@ <h1 id="title">Map "Teleportation" and Rendering</h1>
     <input type="button" onclick="teleport()" value="Teleport!"></input>
 
     <div id="docs">
-        This example demonstrates how a map can be rendered initially in one
+        <p>This example demonstrates how a map can be rendered initially in one
         container and then moved to a new container.  At any point after map
         construction, the map's render method can be called with the id of
-        an empty container, moving the map to the new container.
+        an empty container, moving the map to the new container.</p>
     </div>
   </body>
 </html>
diff --git a/examples/tile-origin.html b/examples/tile-origin.html
index 89d595b318..835469661f 100644
--- a/examples/tile-origin.html
+++ b/examples/tile-origin.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Tile Origin Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="style.css" type="text/css">
diff --git a/examples/tilecache.html b/examples/tilecache.html
index d27afaa87f..bad0087e13 100644
--- a/examples/tilecache.html
+++ b/examples/tilecache.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers TileCache Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
@@ -58,10 +60,10 @@ <h1 id="title">TileCache Example</h1>
     <div id="map" class="smallmap"></div>
 
     <div id="docs">
-        This layer should be used for web accessible disk-based caches only.
+        <p>This layer should be used for web accessible disk-based caches only.
         It is not used to request new tiles from TileCache.  Note that you
         should specify resolutions explicitly on this layer so that they match
-        your TileCache configuration.
+        your TileCache configuration.</p>
     </div>
   </body>
 </html>
diff --git a/examples/tms.html b/examples/tms.html
index ade9fed671..9f4abc0f66 100644
--- a/examples/tms.html
+++ b/examples/tms.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Tiled Map Service Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 5;
@@ -47,9 +49,9 @@ <h1 id="title">Tiled Map Service Example</h1>
     <div id="map" class="smallmap"></div>
 
     <div id="docs">
-        URL of TMS (Should end in /): <input type="text" id="url" size="60" value="http://tilecache.osgeo.org/wms-c/Basic.py/" /> layer_name <input type="text" id="layer" value="basic" /> <select id="type"><option>jpg</option><option>png</option></select> <input type="submit" onclick="addTMS()"/><br />
+        URL of TMS (Should end in /): <input type="text" id="url" size="60" value="http://tilecache.osgeo.org/wms-c/Basic.py/" /> layer_name <input type="text" id="layer" value="basic" /> <select id="type"><option>jpg</option><option>png</option></select> <input type="submit" onclick="addTMS()"/><br>
         <p>
-        Example: http://tilecache.osgeo.org/wms-c/Basic.py/, basic, jpg<br />
+        Example: http://tilecache.osgeo.org/wms-c/Basic.py/, basic, jpg<br>
         The first input must be an HTTP URL pointing to a TMS instance. The second
         input must be a layer name available from that instance, and the third must
         be the output format used by that layer. (Any other behavior will result in
diff --git a/examples/transform-feature.html b/examples/transform-feature.html
index e8ab578b09..160faddb92 100644
--- a/examples/transform-feature.html
+++ b/examples/transform-feature.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Transformation Box</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js" type="text/javascript"></script>
     <script type="text/javascript">
         var map, control;
diff --git a/examples/transition.html b/examples/transition.html
index 136837de0d..8c9926bfbd 100644
--- a/examples/transition.html
+++ b/examples/transition.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Transitions Example</title>
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
diff --git a/examples/urban.html b/examples/urban.html
index d820caedd4..3845a9f906 100644
--- a/examples/urban.html
+++ b/examples/urban.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-      <title>OpenLayers WorldWind Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>OpenLayers WorldWind Example</title>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
diff --git a/examples/ve-novibrate.html b/examples/ve-novibrate.html
index 1a159b93b5..53dc1537e6 100644
--- a/examples/ve-novibrate.html
+++ b/examples/ve-novibrate.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml"> 
-  <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" /> 
-      <title>OpenLayers Virtual Earth Example</title> 
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
-    <link rel="stylesheet" href="style.css" type="text/css" /> 
+<!DOCTYPE html>
+<html> 
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes"> 
+    <title>OpenLayers Virtual Earth Example</title> 
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css"> 
+    <link rel="stylesheet" href="style.css" type="text/css"> 
     <script src='http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1'></script> 
  
     <script src="../lib/OpenLayers.js"></script> 
diff --git a/examples/ve.html b/examples/ve.html
index 33ec5a685a..710da5c9a2 100644
--- a/examples/ve.html
+++ b/examples/ve.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-      <title>OpenLayers Virtual Earth Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>OpenLayers Virtual Earth Example</title>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src='http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1'></script>
 
     <script src="../lib/OpenLayers.js"></script>
diff --git a/examples/vector-features-with-text.html b/examples/vector-features-with-text.html
index 8a9d8579d5..75dac0324f 100644
--- a/examples/vector-features-with-text.html
+++ b/examples/vector-features-with-text.html
@@ -1,10 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE HTML>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Labeled Features Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
@@ -129,7 +130,7 @@ <h1 id="title">OpenLayers Labeled features example</h1>
     </p>
     <div id="map" class="smallmap"></div>
     <div id="docs">
-    This example shows drawing simple vector features with a label
+    <p>This example shows drawing simple vector features with a label.</p>
     </div>
   </body>
 </html>
diff --git a/examples/vector-features.html b/examples/vector-features.html
index d647bea483..56a19b705f 100644
--- a/examples/vector-features.html
+++ b/examples/vector-features.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Vector Features</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js" type="text/javascript"></script>
     <script type="text/javascript">
         var map;
diff --git a/examples/vector-formats.html b/examples/vector-formats.html
index 9e170e268e..f3a7cc6111 100644
--- a/examples/vector-formats.html
+++ b/examples/vector-formats.html
@@ -1,13 +1,15 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>Vector Formats</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
     <!--[if lte IE 6]>
         <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
     <![endif]-->
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         input, select, textarea {
             font: 0.9em Verdana, Arial, sans-serif;
@@ -202,18 +204,18 @@ <h1 id="title">Vector Formats Example</h1>
             <label for="prettyPrint">Pretty print</label>
             <input id="prettyPrint" type="checkbox"
                    name="prettyPrint" value="1" />
-            <br />
+            <br>
             Input Projection: <select id="inproj" onchange='updateFormats()'>
               <option value="EPSG:4326" selected="selected">EPSG:4326</option>
               <option value="EPSG:900913">Spherical Mercator</option>
-            </select> <br /> 
+            </select> <br> 
             Output Projection: <select id="outproj" onchange='updateFormats()'>
               <option value="EPSG:4326" selected="selected">EPSG:4326</option>
               <option value="EPSG:900913">Spherical Mercator</option>
             </select> 
-            <br /> 
+            <br> 
             <textarea id="text">paste text here...</textarea>
-            <br />
+            <br>
             <input type="button" value="add feature" onclick="deserialize();" />
         </div>
 
diff --git a/examples/web-mercator.html b/examples/web-mercator.html
index a1eb6e0a73..f7f88c1dad 100644
--- a/examples/web-mercator.html
+++ b/examples/web-mercator.html
@@ -1,11 +1,12 @@
 <!DOCTYPE HTML>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers: Web Mercator</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
 
         <script src="../lib/OpenLayers.js"></script>
diff --git a/examples/wfs-filter.html b/examples/wfs-filter.html
index f44ee6401a..0e7e3764fb 100644
--- a/examples/wfs-filter.html
+++ b/examples/wfs-filter.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers WFS Protocol with Filter</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
         <link rel="stylesheet" href="../theme/default/google.css" type="text/css">
diff --git a/examples/wfs-protocol-transactions.html b/examples/wfs-protocol-transactions.html
index 7205378664..63619d1e50 100644
--- a/examples/wfs-protocol-transactions.html
+++ b/examples/wfs-protocol-transactions.html
@@ -1,9 +1,11 @@
+<!DOCTYPE html>
 <html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
     <script src="../lib/OpenLayers.js"></script>
     <!--[if lte IE 6]>
diff --git a/examples/wfs-protocol.html b/examples/wfs-protocol.html
index acc5ce7e19..600c440a5b 100644
--- a/examples/wfs-protocol.html
+++ b/examples/wfs-protocol.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers Vector Behavior Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/Firebug/firebug.js"></script>
         <script src="../lib/OpenLayers.js"></script>
         <script type="text/javascript">
diff --git a/examples/wfs-reprojection.html b/examples/wfs-reprojection.html
index 218e02c959..22211ff0fe 100644
--- a/examples/wfs-reprojection.html
+++ b/examples/wfs-reprojection.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>WFS Reprojection Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ"></script>
         <script src="wfs-reprojection.js"></script>
diff --git a/examples/wfs-snap-split.html b/examples/wfs-snap-split.html
index b8ac79bd08..e7b70e10c6 100644
--- a/examples/wfs-snap-split.html
+++ b/examples/wfs-snap-split.html
@@ -1,9 +1,10 @@
 <html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <!--[if lte IE 6]>
         <style>
diff --git a/examples/wfs-states.html b/examples/wfs-states.html
index a254d804b6..7584c5a91c 100644
--- a/examples/wfs-states.html
+++ b/examples/wfs-states.html
@@ -1,9 +1,11 @@
+<!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <title>WFS: United States (GeoServer)</title>
         <script src="../lib/OpenLayers.js"></script>
         <script src="wfs-states.js"></script>
diff --git a/examples/wmc.html b/examples/wmc.html
index 5b79c4c02b..6c17a42412 100644
--- a/examples/wmc.html
+++ b/examples/wmc.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <style type="text/css">
         #wmc {
             width: 90%;
@@ -129,16 +131,16 @@ <h1 id="title">WMC Example</h1>
            Shows parsing of Web Map Context documents.
     </p>
     <div id="map" class="smallmap"></div>
-        <button onclick="writeWMC();">write</button><br />
-        <button onclick="readWMC();">read as new map</button> with the following extra map options : <input type="text" id="mapOptions" value='{"div": "map", "allOverlays": true}'/><br />
-        <button onclick="readWMC(true);">read and merge</button><br />
-        <button onclick="pasteWMC();">try with another WMC document</button><br />
+        <button onclick="writeWMC();">write</button><br>
+        <button onclick="readWMC();">read as new map</button> with the following extra map options : <input type="text" id="mapOptions" value='{"div": "map", "allOverlays": true}'/><br>
+        <button onclick="readWMC(true);">read and merge</button><br>
+        <button onclick="pasteWMC();">try with another WMC document</button><br>
         <textarea id="wmc">paste WMC doc here</textarea>
     <div id="docs">
-        This is an example of parsing WMC documents. <br />
+        <p>This is an example of parsing WMC documents. <br>
         The format class has a layerOptions property, which can be used
         to control the default options of the layer when it is created
-        by the parser.
+        by the parser.</p>
     </div>
   </body>
 </html>
diff --git a/examples/wms-long-url.html b/examples/wms-long-url.html
index 6c98ee2312..ea9844c968 100644
--- a/examples/wms-long-url.html
+++ b/examples/wms-long-url.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>WMS with POST Requests to Avoid Long URLs</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
   </head>
   <body>
     <h1 id="title">WMS with POST Requests to Avoid Long URLs</h1>
diff --git a/examples/wms-untiled.html b/examples/wms-untiled.html
index 9296f9d6a6..7d8834c688 100644
--- a/examples/wms-untiled.html
+++ b/examples/wms-untiled.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 5;
diff --git a/examples/wms-v13.html b/examples/wms-v13.html
index ca6c9e0908..bacf4746d3 100644
--- a/examples/wms-v13.html
+++ b/examples/wms-v13.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, map2;
@@ -46,10 +48,10 @@ <h1 id="title"> WMS version 1.3 (axis order) Example</h1>
         <div id="map" class="smallmap"></div>
         <div id="map2" class="smallmap"></div>
         <div id="docs">
-        WMS version 1.3 introduced the axis order sequence, so that for e.g. EPSG:4326 the bbox coordinate
+        <p>WMS version 1.3 introduced the axis order sequence, so that for e.g. EPSG:4326 the bbox coordinate
         values need to be flipped (LatLon instead of LonLat). The first map uses the incorrect (WMS 1.1) axis
         order against a WMS 1.3 service, resulting in corrupted maps. The second map shows how to correctly
-        request a map in EPSG:4326 against a WMS 1.3 service.
+        request a map in EPSG:4326 against a WMS 1.3 service.</p>
         </div>
   </body>
 </html>
diff --git a/examples/wms.html b/examples/wms.html
index 91c58f07b8..6acfe1ac17 100644
--- a/examples/wms.html
+++ b/examples/wms.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 5;
@@ -35,8 +37,9 @@ <h1 id="title">WMS Example</h1>
     <div id="map" class="smallmap"></div>
 
     <div id="docs">
-        This is an example of how to add an WMS layer to the OpenLayers window. The images are tiled in this instance if you wanted to not use a tiled WMS
-        please use this example and pass the option ‘singleTile’ as true.
+        <p>This is an example of how to add an WMS layer to the OpenLayers
+        window. The images are tiled in this instance. If you wanted to not use
+        a tiled WMS, "singleTile" option to true like shown in this example.</p>
     </div>
   </body>
 </html>
diff --git a/examples/wmst.html b/examples/wmst.html
index 55659a9d06..6af52fec71 100644
--- a/examples/wmst.html
+++ b/examples/wmst.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: WMS + Time</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, ia_wms;
@@ -48,8 +50,11 @@ <h1 id="title"> WMS Time Example</h1>
     <input size="4" type='text' id='year' value="2005" onchange="update_date()"/>-<input size="2" type="text" id="month" value="08" onchange="update_date()"/>-<input size="2" type="text" id="day" value="29" onchange="update_date()" />T<input type="text" size="2" id="hour" value="13" onchange="update_date()" />:<input type="text" size="2" id="minute" value="00" onchange="update_date()" />:00
     <div id="map" class="smallmap"></div>
     <div id="docs">
-            WMS-T example: update the times, and the radar image will change. Uses Layer.mergeNewParams to update the date element with the strings from the input fields every time one of them is changed.
-            The inputs below describe a timestamp: The minute increments can only be updated in units of 5.
+        <p>WMS-T example: update the times, and the radar image will change.
+        Uses Layer.mergeNewParams to update the date element with the strings
+        from the input fields every time one of them is changed. The inputs
+        above describe a timestamp: The minute increments can only be updated
+        in units of 5.</p>
     </div>
   </body>
 </html>
diff --git a/examples/wmts-capabilities.html b/examples/wmts-capabilities.html
index d364b8d1ad..dff13cc05d 100644
--- a/examples/wmts-capabilities.html
+++ b/examples/wmts-capabilities.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers WMTS Capabilities Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css"/>
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/Firebug/firebug.js"></script>
         <script src="../lib/OpenLayers.js"></script>
         <script src="wmts-capabilities.js"></script>
diff --git a/examples/wmts-getfeatureinfo.html b/examples/wmts-getfeatureinfo.html
index f5e094d5c8..6a5b556614 100644
--- a/examples/wmts-getfeatureinfo.html
+++ b/examples/wmts-getfeatureinfo.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers WMTS GetFeatureInfo Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css"/>
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/Firebug/firebug.js"></script>
         <script src="../lib/OpenLayers.js"></script>
         <script src="wmts-getfeatureinfo.js"></script>
diff --git a/examples/wmts.html b/examples/wmts.html
index 8d3dd99fff..d7a6324bc3 100644
--- a/examples/wmts.html
+++ b/examples/wmts.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers WMTS Example</title>
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css"/>
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/Firebug/firebug.js"></script>
         <script src="../lib/OpenLayers.js"></script>
         <script src="wmts.js"></script>
diff --git a/examples/worldwind.html b/examples/worldwind.html
index 674ddc4c0f..5398ff9036 100644
--- a/examples/worldwind.html
+++ b/examples/worldwind.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, ol_wms, ww, ww2;
@@ -41,8 +43,16 @@ <h1 id="title">WorldWind layers Example</h1>
         <div id="map" class="smallmap"></div>
 
         <div id="docs">
-            This is a demonstration of using Tiled WorldWind layers. WorldWind requires you to define a "LZTD" -- the 3rd param of the constructor -- and the number of zoom levels it supports. When a worldwind layer is not visible at a given tile level, and empty tile is placed there instead. Note that the maxResolution of the map times 512px, must be a multiple of a power of two different from the LZTD -- in this case, .28125 * 512 is 144, which is 36*4, and 2.25*64.
-            This example has a 'Bathy' layer, visible as you zoom out, and a 'landsat' layer, visible as you zoom in, both visible at zoom level 6.
+            <p>This is a demonstration of using Tiled WorldWind layers.
+            WorldWind requires you to define a "LZTD" -- the 3rd param of the
+            constructor -- and the number of zoom levels it supports. When a
+            worldwind layer is not visible at a given tile level, and empty
+            tile is placed there instead. Note that the maxResolution of the
+            map times 512px, must be a multiple of a power of two different
+            from the LZTD -- in this case, .28125 * 512 is 144, which is 36*4,
+            and 2.25*64. This example has a 'Bathy' layer, visible as you zoom
+            out, and a 'landsat' layer, visible as you zoom in, both visible at
+            zoom level 6.</p>
         </div>
       </body>
 </html>
diff --git a/examples/wrapDateLine.html b/examples/wrapDateLine.html
index 17f607baab..55910ed3c4 100644
--- a/examples/wrapDateLine.html
+++ b/examples/wrapDateLine.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Wrap Date Line</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map;
diff --git a/examples/xhtml.html b/examples/xhtml.html
index d5ce18c88e..b0708d89b4 100644
--- a/examples/xhtml.html
+++ b/examples/xhtml.html
@@ -1,12 +1,13 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
 <title>XHTML Example</title>
-<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+<link rel="stylesheet" href="../theme/default/style.css" type="text/css"/>
+    <link rel="stylesheet" href="style.css" type="text/css"/>
 <script src="../lib/OpenLayers.js" type="text/javascript"></script>
 </head>
 <body style="width:100%">
diff --git a/examples/xml.html b/examples/xml.html
index 9a671e52d1..270c500f71 100644
--- a/examples/xml.html
+++ b/examples/xml.html
@@ -1,12 +1,12 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>XML Parsing Example</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <style type="text/css">
             #output {
                 font-family: monospace;
@@ -134,7 +134,7 @@ <h1 id="title">XML Format Example</h1>
                         <p>Status: <b>XML document <span id="loadStatus">loading..</span>.</b></p>
                         <p>After the XML document loads, see the result of a few of the methods
                         below.  Assume that you start with the following code:
-                        <br />
+                        <br>
                         <span class="code">
                             var format = new OpenLayers.Format.XML();
                         </span>
diff --git a/examples/xyz-esri.html b/examples/xyz-esri.html
index c39617685e..8ee1fb72e4 100644
--- a/examples/xyz-esri.html
+++ b/examples/xyz-esri.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Basic ESRI Map Cache Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
@@ -32,7 +34,8 @@ <h1 id="title">Basic ESRI Map Cache Example</h1>
     <div id="map" class="smallmap"></div>
 
     <div id="docs">
-       Show the use of the XYZ layer to access a map cache provided in spherical mercator by ESRI.  
+       <p>Show the use of the XYZ layer to access a map cache provided in
+       spherical mercator by ESRI.</p>
     </div>
   </body>
 </html>
diff --git a/examples/xyz-offset.html b/examples/xyz-offset.html
index 6a8238ecde..3bd6036e55 100644
--- a/examples/xyz-offset.html
+++ b/examples/xyz-offset.html
@@ -1,11 +1,12 @@
 <!DOCTYPE HTML>
 <html>
     <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
         <title>OpenLayers XYZ with Offset</title>
-        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-        <link rel="stylesheet" href="style.css" type="text/css" />
+        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+        <link rel="stylesheet" href="style.css" type="text/css">
         <script src="../lib/OpenLayers.js"></script>
         <script src="xyz-offset.js"></script>
     </head>
diff --git a/examples/yahoo.html b/examples/yahoo.html
index 7a1ad617b6..d258a7f567 100644
--- a/examples/yahoo.html
+++ b/examples/yahoo.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers: Yahoo Layer</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
@@ -40,9 +42,10 @@ <h1 id="title">Yahoo Base Layer Example</h1>
         <div id="map" class="smallmap"></div>
 
         <div id="docs">
-            This is an example of how to add a yahoo layer to the OpenLayers window.  In order to enable a
-            yahoo layer. Also shown in this example is the LayerSwitcher() control for toggling between both the yahoo layer and
-            the open layer WMS.
+            <p>This is an example of how to add a yahoo layer to the OpenLayers
+            window.  In order to enable a yahoo layer, also shown in this
+            example is the LayerSwitcher() control for toggling between both
+            the yahoo layer and the OSGeo WMS.
         </div>
 
   </body>
diff --git a/examples/zoomLevels.html b/examples/zoomLevels.html
index 5b30eaa0d0..42f8f88e2f 100644
--- a/examples/zoomLevels.html
+++ b/examples/zoomLevels.html
@@ -1,9 +1,11 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var lon = 50;
@@ -65,9 +67,9 @@ <h1 id="title">Zoom Level</h1>
         </p>
         <p>
         Default units for Scale are in inches. Resolution is specified in map units
-        per pixel where the default map units are decimal degrees(dd).<br/>
+        per pixel where the default map units are decimal degrees(dd).<br>
         scale = resolution * OpenLayers.INCHES_PER_UNIT[units] *
-                    OpenLayers.DOTS_PER_INCH <br/>
+                    OpenLayers.DOTS_PER_INCH <br>
         You can either set the scale or the resolution, there is no need to set both.
         </p>
         <p>
diff --git a/examples/zoomify.html b/examples/zoomify.html
index 6761fee306..db21693593 100644
--- a/examples/zoomify.html
+++ b/examples/zoomify.html
@@ -1,10 +1,12 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <title>OpenLayers Zoomify Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
 
@@ -56,14 +58,14 @@ <h1 id="title">Zoomify Layer Example</h1>
 
     <div id="docs">
 	    <p>
-	    Demonstration of the Zoomify layer in OpenLayers.<br />
+	    Demonstration of the Zoomify layer in OpenLayers.<br>
 	 	You can have a look at <a href="http://almor.mzk.cz/moll/AA22/103.html">Zoomify viewer for this picture</a>, which is using the same <a href="http://almor.mzk.cz/moll/AA22/0103/">tiles</a>.
 	    </p>
 		<p>
-		For change to our own image you have to specify 'url' (zoomifyImagePath in Zoomify terminology) and 'size' ('width' and 'height' from ImageProperty.xml file).<br />
-		Custom tiles can be easily generated with original <a href="http://www.zoomify.com/">Zoomify software</a> like with freely available <a href="http://www.zoomify.com/express.htm">ZoomifyerEZ</a> or with Adobe PhotoShop CS3 (it has built in support for export into Zoomify tiles).<br />
-		There is also a <a href="http://sourceforge.net/projects/zoomifyimage/">ZoomifyImage SourceForge Project</a>, a tile cutter available under GPL license.<br />
-		Zoomify tiles can be also served dynamically on the server side from JPEG2000 masters using <a href="http://dltj.org/article/introducing-j2ktilerenderer/">J2KTileRender</a> with available integration for DSpace and soon for Fedora Digital Repository.<br/>
+		For change to our own image you have to specify 'url' (zoomifyImagePath in Zoomify terminology) and 'size' ('width' and 'height' from ImageProperty.xml file).<br>
+		Custom tiles can be easily generated with original <a href="http://www.zoomify.com/">Zoomify software</a> like with freely available <a href="http://www.zoomify.com/express.htm">ZoomifyerEZ</a> or with Adobe PhotoShop CS3 (it has built in support for export into Zoomify tiles).<br>
+		There is also a <a href="http://sourceforge.net/projects/zoomifyimage/">ZoomifyImage SourceForge Project</a>, a tile cutter available under GPL license.<br>
+		Zoomify tiles can be also served dynamically on the server side from JPEG2000 masters using <a href="http://dltj.org/article/introducing-j2ktilerenderer/">J2KTileRender</a> with available integration for DSpace and soon for Fedora Digital Repository.<br>
 		<a href="http://iipimage.sourceforge.net/">IIPImage server</a> can serve Zoomify tiles dynamically from TIFF files.
 		</p>
 		<p>