HTML5之HTML元素扩展(上)—新增加的元素及使用概述_html5教程技巧

来源：懂视网责编：小采时间：2020-11-27 15:18:02

HTML5之HTML元素扩展(上)—新增加的元素及使用概述_html5教程技巧

HTML5之HTML元素扩展(上)—新增加的元素及使用概述_html5教程技巧:考虑我们开发一个页面的过程：1.设计页面的结构 - HTML：这个过程是使用各种HTML元素构建网页的结构。2.设计页面的外观 - CSS：这个过程是使用CSS去改善网页的外观。3.设计页面的行为 - Javascript：这个过程是给网页的元素赋予一定的行为。上面这些除了CS

推荐度：

点击下载本文 文档为doc格式

导读HTML5之HTML元素扩展(上)—新增加的元素及使用概述_html5教程技巧:考虑我们开发一个页面的过程：1.设计页面的结构 - HTML：这个过程是使用各种HTML元素构建网页的结构。2.设计页面的外观 - CSS：这个过程是使用CSS去改善网页的外观。3.设计页面的行为 - Javascript：这个过程是给网页的元素赋予一定的行为。上面这些除了CS

考虑我们开发一个页面的过程：
1.设计页面的结构 - HTML：这个过程是使用各种HTML元素构建网页的结构。
2.设计页面的外观 - CSS：这个过程是使用CSS去改善网页的外观。
3.设计页面的行为 - Javascript：这个过程是给网页的元素赋予一定的行为。
上面这些除了CSS外，HTML5在另外两个方面都不同程度的进行了扩充。这个系列是集中在第一个方面。在前面，我们已经学习了复杂的canvas和svg元素，下面的章节会总结其他HTML5增加的元素。

结构型元素
HTML5中加入了全新的结构型元素，例如页眉header，页脚footer，导航nav，内容article，章节section等。含义如下图所示：

除了这种整个页面的结构型元素，html5也加入了块级别的语义元素，例如辅助元素aside，图像元素figure，细节描述元素details等。这些元素除了更能显示页面的布局含义外，与普通的div并没有其它的区别，仍然需要靠CSS去展示这些元素。这里就是简单看一个小例子：

代码如下:

Dxy 博客