Posts tagged 'css3'

You are currently browsing for posts tagged as 'css3'

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 …

继续阅读…