H5新增的块级的语义元素
2016-06-14 18:35
507 查看
一、aside元素
aside元素表示article元素的内容之外的与article元素的相关内容
HTML5中代码示例:<aside></aside>
HTML4中代码示例:<div></div>
二、figure元素
figure元素表示一段独立的流内容,一般表示文档主体流内容的一个独立单元。使用<figcaption>元素为figure元素组添加标题。
HTML5中代码示例:
<figure>
<figcaption>我是标题</figcaption>
<p>我是内容</p>
</figure>
HTML4中代码示例:
<dl>
<h1>我是标题</h1>
<p>我是内容</p>
</dl>
三、dialog元素
dialog标签定义对话,比如交谈,对话中的每一个句子都必须属于<dt>标签定义的部分。
<dialog>
<dt>老师</dt>
<dd>2+2等于?</dd>
<dt>学生</dt>
<dd>4</dd>
<dt>老师</dt>
<dd>答对了</dd>
</dialog>
aside元素表示article元素的内容之外的与article元素的相关内容
HTML5中代码示例:<aside></aside>
HTML4中代码示例:<div></div>
二、figure元素
figure元素表示一段独立的流内容,一般表示文档主体流内容的一个独立单元。使用<figcaption>元素为figure元素组添加标题。
HTML5中代码示例:
<figure>
<figcaption>我是标题</figcaption>
<p>我是内容</p>
</figure>
HTML4中代码示例:
<dl>
<h1>我是标题</h1>
<p>我是内容</p>
</dl>
三、dialog元素
dialog标签定义对话,比如交谈,对话中的每一个句子都必须属于<dt>标签定义的部分。
<dialog>
<dt>老师</dt>
<dd>2+2等于?</dd>
<dt>学生</dt>
<dd>4</dd>
<dt>老师</dt>
<dd>答对了</dd>
</dialog>
相关文章推荐
- H5 新增的元素和废除的元素
- H5无插件范式
- HTML5 Web存储
- HTML5 语义元素
- HTML5表单属性
- 应用之星:制作H5婚礼邀请函,让你的婚礼与众不同!
- ccah-500 第22题 Which process instantiates user code, and executes map and reduce tasks on a cluster r
- HTML5
- HTML5中判断横屏竖屏 和 长按事件
- HTML5表单元素
- HTML5中新的input类型
- HTML5 Video和Audio
- canvas绘制虚线
- 基于HTML5的可预览多图片Ajax上传
- HTML5地理定位(Geolocation)
- 免费的HTML5 响应式网页模板
- HTML5拖动
- 浅谈html5增强的页面元素
- cordova + ionic 使用中碰到的一些问题
- 初识 HTML5(一)