首页 > 编程 > HTML > 正文

HTML5初窥2之新元素

2020-03-24 15:43:37
字体:
来源:转载
供稿:网友
1. 块元素

HTML5定义了8个新的HTML语义(semantic)元素,这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素,可以设置CSS的display属性为block:

header, section, footer, aside, nav, main, article,figure{ display: block;}


2. 添加新元素

向HTML添加的新的元素,并为该元素定义样式,元素名为 myHero :

 !DOCTYPE html  html  head  title Creating an HTML Element /title  script document.createElement( myHero ) /script  style  myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; /style  /head  body  h1 我的第一个标题 /h1  p 我的第一个段落。 /p  myHero 我的第一个新元素 /myHero  /body  /html 

3. 多媒体元素

标签

描述

audio

定义音频内容

video

定义视频(video 或者 movie)

source

定义多媒体资源 video 和 audio

embed

定义嵌入的内容,比如插件。

track

为诸如 video 和 audio 元素之类的媒介规定外部文本轨道。


4. 画布元素

canvas

标签定义图形,比如图表和其他图像。该标签基于 JavaScript的绘图 API


5. 新表单元素

标签

描述

datalist

定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

keygen

规定用于表单的密钥对生成器字段。

output

定义不同类型的输出,比如脚本的输出。


6. 新的语义和结构元素

标签

描述

article

定义页面的侧边栏内容

aside

定义页面内容之外的内容。

bdi

允许您设置一段文本,使其脱离其父元素的文本方向设置。

command

定义命令按钮,比如单选按钮、复选框或按钮

details

用于描述文档或文档某个部分的细节

dialog

定义对话框,比如提示框

summary

标签包含 details 元素的标题

figure

规定独立的流内容(图像、图表、照片、代码等等)。

figcaption

定义 figure 元素的标题

footer

定义 section 或 document的页脚。

header

定义了文档的头部区域

mark

定义带有记号的文本。

meter

定义度量衡。仅用于已知最大和最小值的度量。

nav

定义运行中的进度(进程)。

progress

定义任何类型的任务的进度。

ruby

定义 ruby 注释(中文注音或字符)。

rt

定义字符(中文注音或字符)的解释或发音。

rp

在 ruby 注释中使用,定义不支持 ruby元素的浏览器所显示的内容。

section

定义文档中的节(section、区段)。

time

定义日期或时间。

wbr

规定在文本中的何处适合添加换行符。

7. 已移除的元素

在HTML5中不再使用,已经被删除。

· acronym · applet · basefont · big · center · dir · font · frame · frameset · noframes · strike · tt 

以上就是HTML5初窥2之新元素的详细内容,其它编程语言

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表