Posts tagged '语义化'

You are currently browsing for posts tagged as '语义化'

html5 带来了什么？ html5 与 css3

Posted on 三月 3rd, 2010 by dUcky in 工作, 视角 | 1 comment

html5

html5 已经被热议了很久，什么是 html5 以及它发展的情况不去赘述，要强调的是 html5 工作组得到了 Apple 以及 Google 两巨头的支持。详细可以查看维基百科关于 html5 的描述。

html5 的标签

与 html4 或者 xhtml1 相比，html5 带来了新的标签，废弃了一些旧的。举个例子，现在我们写一个普通的新闻页面里 <body> 的内容是：

1
2
3
4
5
6
7
8
9
10
11
12
13

<div id="header">ihandu.com 我们的故事</div>
 
<div class="content">
    <div class="news">
        <h1>dUcky的blog: ihandu.com 我们的故事</h1>
        <div class="detail">
            <p>i,dUcky</p>
            <p>Bio:交互设计 前端 Gfans html5 带来了什么？ html5 与 css3</p>
        </div>
    </div>
</div>
 
<div id="footer">2010 ihandu.com 我们的故事 版权所有</div>

那么用 html5 该怎么写呢？

1
2
3
4
5
6
7
8
9
10
11
12
13

<header>ihandu.com 我们的故事</header>
 
<section>
    <article>
        <h1>dUcky的blog: ihandu.com 我们的故事</h1>
        <section>
            <p>i,dUcky</p>
            <p>Bio:交互设计 前端 Gfans  html5 带来了什么？ html5 与 css3</p>
        </section>
    </article>
</section>
 
<footer>2010 ihandu.com 我们的故事 版权所有</footer>

终于，我们可以真正的摆脱所谓 “div+css” 的标准化了，省去了很多 class 以及 id …

继续阅读…