《HTML5开发手册》——1.2 这些新元素从何而来

简介:

本节书摘来自异步社区《HTML5开发手册》一书中的第1章,第1.2节,作者: 【美】Chuck Hudson , 【英】Tom Leadbetter 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.2 这些新元素从何而来

这些新的结构元素是为了告诉浏览器,页面具有什么样的结构,以及内容具有什么样的语义,但是它们的名字从何而来呢?

2005年,Google分析了10亿多个Web页面,并找到了开发人员和Web作者常用的类名。这也使Ian Hickson(“Hixie”)—HTML5主规范的编辑—开始考虑这些新的元素。尽管这仅仅是7年以前的数据,但在Internet时代也已经算是比较陈旧的了。不过,它让我们认识到网站中哪些内容是重要而且可以复用的。

以下是当时最流行的20个类名:


b59276d779ec16174b2b9803591c736571eb9db2

有些类名供显示使用(比如white、style1、msnormal),而其他类名则构成了HTML5规范中的元素(footer、nav、header)。

为什么要使用这些新的元素呢?HTML5让你可以为自己的内容提供语义含义。例如,如果你在页面中使用了导航,那么就可以使用nav元素,因为该元素蕴含了其内容的意义。

相关文章
|
1月前
|
移动开发 Ruby HTML5
HTML5 新元素3
HTML5引入了多个新元素以增强页面结构与语义:如<article>定义独立内容区域,<aside>定义侧边栏,<details>展示详细信息,<dialog>定义对话框,<footer>和<header>分别定义页脚和头部,<nav>定义导航链接等,这些元素使网页结构更清晰,提高可读性和维护性。
|
1月前
|
存储 移动开发 缓存
HTML5 新元素2
HTML5引入了许多新元素以适应现代互联网需求,如<canvas>用于图形绘制,<audio>和<video>支持多媒体播放,<source>、<embed>和<track>增强多媒体内容的灵活性,<datalist>、<keygen>和<output>提升了表单的功能性。这些元素和API共同推动了网页应用的发展。
|
3月前
|
移动开发 JavaScript 前端开发
HTML5 新元素汇总
HTML5 引入了许多新元素,使网页结构更语义化、易维护,并满足现代开发需求。
|
XML 移动开发 数据格式