您的位置:首页 > Web前端 > HTML5

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: