HTML5入门学习技巧;提供入门级的HTML5学习的技巧

 

　　HTML5中国

 

　　1. < input type="email name="email placcholder-"doug@give

 

　　thesepeopleair. com">

 

　　同样，目前的主流现代浏览器对该属性的支持不大好，暂吋只有 Chrome和 Safari

 

　　支持该属性， Firefox和0pera不支持该属性

 

　　Chrome

 

　　Email: doug @givethesepeopl（Submit Form

 

　　Firefox

 

　　Er

 

　　ma

 

　　Submit form

 

　　Opera

 

　　Email:

 

　　Submit form

 

　　Safari

 

　　Emal: doug @givethesepeopl（ Submit Form css-hmls之家

 

　　css3-html5. com

 

　　9.本地存储

 

　　HTML5的本地存储功能，可以让现代浏览器“记住”我们输入的，就算浏览器

 

　　关闭和刷新也不会受影响。虽然这个功能有些浏览器不支持，但是IE8, Safari

 

　　4,还有 Firefox3.5还是支持这个功能的，你可以测试下。

 

　　MAC

 

　　N

 

　　800國

 

　　CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI IE

 

　　10.1

 

　　3.6

 

　　1010.5

 

　　Local Storage

 

　　HTML5中国

 

　　10.更有语义的 header和 footer

 

　　下面的代码在HM5中将不复存在

 

　　&lt: div id=header）

 

　　2. < /div>

 

　　3. &lt: div id=footer>

 

　　5.&t;/diV收gL

 

　　通常我们都会给 header和 footer定义一个div,然后再添加一个id,但

 

　　是在HTML5屮可以直接使用< header>和> footer>标签，所以可以将上面的

 

　　代码改写成：

 

　　1. &lt: header>

 

　　&lt: header

 

　　&lt: footer）

 

　　4. &1t: /footer>

 

　　要注意不要将这两个标签和网站的头部和页脚混淆起来，它们只是代表它

 

　　们的容器。

 

　　11.IE对HTML5的支持

 

　　I浏览器目前对ⅢⅧL5的攴持并不好，也是阻碍IⅦ5的更快旾及的一大绊脚

 

　　石，个过，IE9对HTM5的支持度还是很不错的。IE把田M5新增的标签都解

 

　　析成内联元素，而实际上它们是块级元素，所以有必要为它们定义一个样式

 

　　1. header, footer, article, section, nav, menu, hgroup

 

　　display: block:

 

　　HTML5中国

 

　　尽管如此，I还是不能解析这些新增的HTM5标签，这个时候就需要借助

 

　　Javascript来解决这个问题：

 

　　1. document createElement（ article

 

　　document createElement（"footer"）

 

　　2345

 

　　document createElement（header"）

 

　　document createElement（ hgroup

 

　　document createElement（" nav

 

　　6. document createElement（"menu"）

 

　　你可以借助这一段 Javascript代码来修复吏奷的鮮析HM5

 

　　1.<scriptmcesrc=

 

　　htim15is&&/script>