H5新增的块级的语义元素

一、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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏HTML5学堂

随心所欲的滚动条,远离产品汪(二)

还记得上周咱们说的“随心所欲滚动条,远离产品汪”一文吗?当中介绍了自定义滚动条的基本原理与实现方法,在自定义滚动条实现后,可以通过对滚动条的上下拖动来控制内容区...

3938
来自专栏用户2442861的专栏

关于Div的宽度与高度的100%设定

正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度...

782
来自专栏九彩拼盘的叨叨叨

学习纲要:常见标签和属性

892
来自专栏前端杂货铺

边框的巧妙应用

边框有一些特殊的属性,可以采用边框来实现对话框的效果,而且兼容性杠杠的,不过在ie6下面可能会遇到兼容性问题,在后面分析它。 首先,我们看看边框的组成结构: ...

3978
来自专栏WebDeveloper

那些经常使用的 CSS3属性

1032
来自专栏前端说吧

css布局 - 垂直居中布局的一百种实现方式(更新中...)

1. line-height行高简单粗暴实现法:line-height:Npx(N = 与元素高度相同的值)

4431
来自专栏前端小叙

绝对定位多个字居中显示的css

在工作中遇到一种情况,例如把一个div元素绝对定位到一个位置,但是该元素中的文字个数不确定,还要保证始终该文字是居中显示,则可以定义两个div,外层div绝对定...

2779
来自专栏从零开始学 Web 前端

从零开始学 Web 之 CSS3(四)边框图片,过渡

并且,添加边框图片是以背景的方式添加的,所以会有可能文字覆盖在边框的情况,后面也会介绍处理方法。

591
来自专栏前端杂货铺

table-cell实现宽度自适应布局

利用table-cell可以实现宽度自适应布局。 table-cell有一些比较好用的属性,比如垂直居中,自适应高度宽度等,为元素设置table-cell布局之...

3455
来自专栏三十课

【基础】这15种CSS居中的方式,你都用过哪几种?

CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下,目前包括水平居中,垂直居中及水平垂直居中方案共15种。如有...

4017

扫码关注云+社区

领取腾讯云代金券