首页 > Html > HTML5 每天记录一点 (一)
2011九月6

HTML5 每天记录一点 (一)

HTML5, 首先记住的一条就是,Doctype声明短了。

<!-- 原来的声明 -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--HTML5的声明 -->

<!DOCTYPE html>

再来看一下meta的字符集声明,一个字:美!

<!-- 原来的声明 -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- HTML5的声明 -->
<meta charset="UTF-8">

HTML5在标签语义化上做了很多处理,原来由于TABLE布局的简单,大家开始使用。但是没有语义,且CSS的发展,大家布局普遍使用div+css的模式。

可是div也没有啥意义啊,所以,HTML5推出了两个新标签:section和article

从字面意义上来理解,section为段落,而article为文章。凡是可以单拿出来做为文章的,都可以使用article,我是这么理解的,不是很对,但是先这么记着吧。

     <article>
          <section id="mixing">
              <h2>秋天到了</h2>
              <p>说话这天还真是凉了,大家记得多穿衣!</p>
          </section>
          <section id="baking">
              <h2>夏天走了</h2>
              <p>夏天晚上7:00还透亮,现在乌漆马黑的</p>                                                                                  
          </section>
      </article>

今天先白话这么多,明天继续!

文章作者:simaopig
本文地址:http://www.xiaoxiaozi.com/2011/09/06/2229/
版权所有 © 转载时必须以链接形式注明作者和原始出处!

7 Responses to “HTML5 每天记录一点 (一)”

  1. #1 imzoke 回复 | 引用 Post:2011-09-07 02:17

    原来是这么一个每日一篇啊,话说我这HTML5只会用,理解对没对还真是不清楚。 :arrow:

    [回复]

    simaopig 回复:

    话说,比较懒,真的没法做到每日一篇,就尽量写呗。记录一下而已~

    [回复]

  2. #2 废塑料回收 回复 | 引用 Post:2011-09-08 20:36

    html5还是很不错的

    [回复]

  3. #3 流年 回复 | 引用 Post:2011-09-13 23:22

    其实那个声明是所有浏览器都支持的,即便是ie6,只要正确声明了,都可以正常工作

    [回复]

  4. #4 simaopig 回复 | 引用 Post:2011-09-14 23:51

    @流年
    是的,这个声明是都支持的,但是这样写支持的不是什么MXTML的标准!

    [回复]

  5. #5 白杨 回复 | 引用 Post:2011-11-06 14:25

    求HTML5学习资料 :idea:

    [回复]

  6. #6 淘宝双12 回复 | 引用 Post:2011-12-01 13:32

    看来学习 html5
    也属于高端技术了
    不像以前
    回个html 还被人鄙视

    [回复]

发表评论

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)