HTML5中的<aside>标签

html-css012

HTML5中的<aside>标签,第1张

<aside>标签是HTML5中的新标签，用于以较短的方式描述网页的主要对象；它基本上标识了与网页主要内容相关的内容，但不构成主页的主要意图。该<aside>标签主要包含作者信息、链接、相关内容等。

<aside>和<div>这两个标签具有相同的行为和不同的含义。

●　<div>：它在网页中定义或创建分区或部分。

●　<aside>： 它通过创建部分或部门来完成同样的工作，但它只包含与主网页相关的内容。

<aside>标签使页面设计变得容易，并增强了HTML文档的清晰度；它使我们能够很容易地识别主文本和次文本。无论是<div>还是<aside>都需要CSS来进行特定的设计。<aside>标签支持HTML中的全局属性和事件属性。

语法：

示例1：

效果图：

示例2：

效果图：

浏览器支持

支持<aside>标签的浏览器

●　Google chrome 6.0 及更高版本

●　Internet Explorer 9.0 及更高版本

●　Mozilla 4.0 及更高版本

●　Safari 5.0 及更高版本

●　Opera 11.1 及更高版本

更多 web开发 、 web前端课程 的相关知识，请查阅 HTML中文网 ！！

html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章article。

div，ul li标签都是使用比较频繁的标签，span，i,em可以对文字进行单独的描述，表示等。

<article>标签定义外部的内容，比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。

<canvas>标签定义图形，比如图表和其他图像，这个 HTML 元素是为了客户端矢量图形而设计的。

它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。

标签定义元素的细节，用户可进行查看，或通过点击进行隐藏与 <legend>一起使用，来制作 detail 的标题，该标题对用户是可见的，当在其上点击时可打开或关闭 detail。