• viewport - controls page's dimensions and scaling
• width=device-width - sets width of page to follow the screen-width of device
• initial-scale=1.0 sets initial zoom level when page i first loaded by browser.

<!-- "Video For Everybody" v0.4.2 by Kroc Camen of Camen Design <camendesign.com/code/video_for_everybody>
     =================================================================================================================== -->
<!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise       -->
<!-- warning: playback does not work on iPad/iPhone if you include the poster attribute! fixed in iOS4.0                 -->
<video width="640" height="360" controls>
    <!-- MP4 must be first for iPad! -->
    <source src="__VIDEO__.MP4" type="video/mp4" /><!-- WebKit video    -->
    <source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox / Opera -->
    <!-- fallback to Flash: -->
    <object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
        <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
        <param name="movie" value="__FLASH__.SWF" />
        <param name="flashvars" value="controlbar=over&amp;image=__POSTER__.JPG&amp;file=__VIDEO__.MP4" />
        <!-- fallback image. note the title field below, put the title of the video there -->
        <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
            title="No video playback capabilities, please download the video below" />
    </object>
    </video>
    <!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want -->
    <p>   <strong>Download Video:</strong>
        Closed Format:  <a href="__VIDEO__.MP4">"MP4"</a>
        Open Format:    <a href="__VIDEO__.OGV">"Ogg"</a>
</p>

Native support for Popovers
<button popovertarget="poppinoff">Open</button>

<div id="poppinoff" popover>
  <p>The feature be poppin</p>
</div>

<form>
    <input name="blah" placeholder="blah text">
    <input type="submit" value="Search">
</form>

<form>
    <input name="blah2"><br />
    <input name="blah" autofocus><br />
    <input type="submit" value="Search">
</form>

<form>
    <input type="email" placeholder="enter email addr"><br />
    <input type="url" placeholder="enter url"><br />
    <input type="submit" value="Submit">
</form>

<form>
    <input type="number"
        min="0"
        max="20"
        step="2"
        value="10">
    <input type="submit" value="Submit">
</form>

<form>
  <input list="colors" />
  <datalist id="colors">
    <option value="blue">
    <option value="green">
    <oprion value="orange">
    <option value="purple">
    <option value="red">
    <option value="yellow">
  </datalist>
</form>

if (typeof(localStorage) == .undefined. ) {
    alert(.Your browser does not support HTML5 localStorage.);
} else {
    try {
        localStorage.setItem(.name., .Hello World!.); //saves to the 
                                                      //database, .key., 
                                                      //.value.
    } catch (e) {
        if (e == QUOTA_EXCEEDED_ERR) {
            alert(.Quota exceeded!.); //data wasn.t successfully saved due 
                                      //to quota exceed so throw an error
        }
    }

    document.write(localStorage.getItem(.name.)); //Hello World!
    localStorage.removeItem(.name.);              //deletes the matching 
                                                  //item from the database
}

<fieldset>
	<legend>legend</legend>
	in a fieldset...
</fieldset>