欢迎光临:飞鱼的东西有点糟糕,希望你慢慢享用,且有所收获 ^_^

那些新增的标签 — html5 学习笔记

7 feet


html5已经出来有一段时间了,虽然万恶的IE面对其赤果果的色诱也硬不起来,但还是有很多优秀的网站开始应用了,毕竟大势所趋嘎嘎。
最近在啃html5动物书,虽然动物书讲的好多东西,在网络上的一些杂文里都看到过,不过毕竟是动物书,会有一些小细节是值得去翻阅的。

好了 切入主题,讲讲心得:

section 是有语义的div

很多人很费解 为什么html5 放着div 那么短小精干的东西不用,非要用section呢?
我的理解是div 依然有用,只是它可以代表无语义的东西。section像是一个沙盒子,将不同的部分,区块,模块,区分开。

header 不是一定要唯一

首先要说的就是这个header标签,之前看了好多关于html5的杂文,给人的感觉就像是 header 标签是 网站头部进化过来的,其实不然,就像以前很多人认为 h1只允许有一个一样。
因为 header 可以包含在 article 里作为 文章的头部标签。见(49页)

hgroup 在header 标签中充当目录指引作用

原先一直很不明白hgroup 的作用,因为w3cschool 上表现的例子中hgroup中都是些h* 标签集合,这种东西在实际应用中的应用场景非常狭隘。但当发现 article 里可以丢header 标签后 这个问题就解决了。
其实个人觉得这个标签的重心在目录指引,在内容为王的时代,hgroup标签会给seo带来一定贡献。

有了沙箱后,网站结构变得不是那么虎头蛇尾

很多人认为 一个web 中 只能用一个h1 不能用太多 h2,以及少量h3, 甚至都找不到 h4的踪迹。
事实告诉我们,我们甚至可以在 nav 标签中使用h1。
那么这样写不但不会混淆seo 抓重点。而且能让web 看着更加婀娜多姿,凹凸有致。

顺便普及一下html5 标志中的一些寓意以及新特性HTML5标志

灵巧而不失华丽 mac coda 1.7 使用心得

30 feet

css心得之善用 position:relative

18 feet

闭包式 js架构 前端书写心得(上)

4 feet

满月狼吼 — 入手iphone 娘一月记

16 feet

Page 2 of 3612345...Last »

Who am I ?

飞鱼,男,浙江人士。
非专业前端、交互设计师。
目前在 企鹅村 通宵 打酱油

最新在啃

php和mysql web开发(原书第4版) javascript

成年往事

最新评论

  • vilppu: http://foxsp.com/t/125 这有下载,也有安装说明
  • James: 请问能否分享配色方案?
  • Aric: 代码快 来一份 谢谢楼主了 新年快乐
  • Mumu.: 打牌是件技术活,还是打三国杀比较容易了。
  • Rondsny: 步骤4的角度应该是180°吧。。。。45°斜了。

订阅-rss-永久链接

MT
备案号:浙ICP备09020026 号