HTML5 Getting Started notes

1. The meaning and wording of various forms:

Note:<!--.. -

Claim version is 5:<! DOCTYPE html>

Font settings: <meta charset= "Utf-8"/>

Properties: Global properties of all elements;  Applies only to the private properties of an element; The content property of the event handler;

<div> is used to divide the area, but it cannot represent the meaning of the region; tend to format the document;

<section> represents any logical partition of the document;

<article> content can be independently developed relative to other content;

<aside> used to create a side note in the sidebar;

<aside style= "font-size:larger;font-style:italic;color:blue;float:right;width:120px;" > ... </aside> <!--renders the contents of the text on the right--

<footer> any area to create a script, the script can contain version information, author information, references, privacy policy; Note: Copyright symbol "&copy;"

<nav> Create a container that indicates that an area is used for navigation ; where insert <a Herf = "linked address" ></a> | <!--' | ' is the symbol of demarcation--
<figure> Insert Chart

<figure>
file:///H| /book Code/beginning HTML and Css/code/c04/images/apple.jpg "width=" "height="/>
<figcaption> one of out many chesssecakes </figcaption> <!--placed below the picture right---
</figure>

Www.caniuse.com can see the compatibility of each browser to HTML5;

Www.modernizr.com uses one of the most HTML5 and CSS resource sites, and provides a powerful JS library that can be downloaded;

<iframe> Open two separate sites, where you can use the Seamless property to remove any borders or scroll bars, but the browser is not supported;

<iframe src= "http://www.friendsofed.com/" width= "" "Height=" seamless></iframe><br> "

<embed> can insert multiple types of media files in a Web page;

<area> creating hyperlinks using image maps; * *

2. HTML5 Structured semantic elements : Using micro-data, image containers and aside elements to create the semantic structure of Web pages; (search engines are easy to search for a robust semantic structure of web pages)

Micro-data is one of three ways to tag HTML content in a structured way (the other two are micro-formats and RDF).

Creating elements using the micro-data syntax is essentially declaring three attributes for a standard HTML tag:

Itemscope boolean attribute, used to create an entry;

Itemprop is used to add an attribute to an entry or its sub-entries;

ItemType define a custom glossary;

<div itemscope itemtype= "http://www ..." >

<p>name:<span itemprop= "Name" >Marco</span></p>

itemtype : Property values can be specified by URL;

<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "> No micro elements <!--<meta charset=" Utf-8 "/>--

HTML5 Getting Started notes