首页 > 试题广场 >

HTML5新增的元素

[问答题]

html5新增属性:

1.增加了语义标签,如header、footer、aside、nav等

2.增加了表单属性:color、data、email、range等

3.在存储方面增加了sessionStorage和localStorage

4.音频audio 视频vedio

5.还增加了地理定位、drag API、canvas绘图、多线程编程的web worker和webSocket协议。

发表于 2019-09-30 10:09:07 回复(0)

一:结构标签(语义化标签)

  1. header:header标签定义文档的页面组合,通常是一些引导和导航信息。
  2. nav:nav标签定义显示导航链接。
  3. section:section标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他
  4. aside:标签内容之外与标签内容相关的辅助信息;
  5. article:article标签装载显示一个独立的文章内容。还可以嵌套,则内层的artilce对外层的article标签有隶属的关系。例如,一个博客文章,可以用article显示,然后一 些评论可以以article的形式嵌入其中。
  6. footer:页尾信息;
  7. hgroup:hgroup标签用于对网页或区段的标题元素(h1-h6)进行组合。例如,在一个区段中你有连续的h系列的标签元素,则可以用hgroup将他们括起来。
  8. figure:独立的单元,例如某个有图片与内容的新闻块。
  9. time:time标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。该元素能够以机器可读的方式对日期和时间进行编码,这样, 举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
  10. mark:mark标签定义带有记号的文本。请在需要突出显示文本时使用 <mark> 标签。
  11. figure:figure标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
  12. figcaption:figcaption 标签定义 figure 元素的标题(caption)。"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
  13. contextmenu:contextmenu 标签添加到系统右键菜单 [貌似这个功能只有firefox支持]


二:表单控件

  1. email:输入邮件。
  2. url:输入url地址。
  3. number:输入数值。
  4. range:输入一定范围内的数值。
  5. Date Pickers:日期选择器。
  6. search:搜索常规的文本域。
  7. color:颜色。



三:媒体标签

  1. video:视频
  2. audio:音频
  3. embed:嵌入内容(包括各种媒体),Midi、Wav、AU、MP3、Flash、AIFF等。
  4. source:source设置两份或多份源文件的音频播放器。浏览器应该选择它所支持的文件(如果有的话)
  5. track:诸如 video 元素之类的媒介规定外部文本轨道。用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。

关于aside的理解,可以看这篇文章:https://blog.csdn.net/qq_44647809/article/details/115454848

全文具体内容可以看:https://blog.csdn.net/yanyihan16/article/details/89214482

编辑于 2021-08-03 07:59:40 回复(0)

html5新增属性:

1.增加了语义标签,如header、footer、aside、nav等

2.增加了表单属性:color、data、email、range等

3.在存储方面增加了sessionStorage和localStorage

4.音频audio 视频vedio

5.还增加了地理定位、drag API、canvas绘图、多线程编程的web worker和webSocket协议。

发表于 2024-06-06 23:56:24 回复(0)
链接:https://www.nowcoder.com/questionTerminal/dbe9ab56daac4b5ea31b655e9d466a86?
来源:牛客网

html5新增属性:

1.增加了语义标签,如header、footer、aside、nav等

2.增加了表单属性:color、data、email、range等

3.在存储方面增加了sessionStorage和localStorage

4.音频audio 视频vedio

5.还增加了地理定位、drag API、canvas绘图、多线程编程的web worker和webSocket协议。

发表于 2024-06-06 13:41:12 回复(0)
html5新增属性:

1.增加了语义标签,如header、footer、aside、nav等

2.增加了表单属性:color、data、email、range等

3.在存储方面增加了sessionStorage和localStorage

4.音频audio 视频vedio

5.还增加了地理定位、drag API、canvas绘图、多线程编程的web worker和webSocket协议。

发表于 2024-06-06 13:30:19 回复(0)
<p>增加的有:</p><p>语义化的标签:header,footer,aside,nav等</p><p>存储方面:增加了sessionstorage,localstorage</p><p>音频audio,视频vedio</p><p>表单增加了:input的color,emial,data,range</p><p>地理定位,canvas画布,web worker,websocket协议等</p>
发表于 2020-05-21 21:30:27 回复(0)