成都网站建设设计

将想法与焦点和您一起共享

html5新增标签有哪些,HTML5新增的标签是

html5新增的标签有什么?

新增的结构标签:

网站建设哪家好,找成都创新互联公司!专注于网页设计、网站建设、微信开发、微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了剑河免费建站欢迎大家使用!

1、header元素

表示页面中一个区块或真个页面的标题。

2、内hgroup元素

表示对真个页面或页面中的容一个内容区块的标题进行组合。

3、article元素

表示页面中一块与上下文不相关的独立内容。比如一篇文章。

4、aside元素

表示article元素内容之外的、与article元素内容相关的辅助信息。

5、footer元素

表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。

HTML5新规则:

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求(比如 Flash),更优秀的错误处理,更多取代脚本的标记,HTML5 应该独立于设备开发进程应对公众透明 ;

HTML5 新特性:

新的特殊内容元素,比如 article、footer等,新的表单控件,比如 calendar、date、time、email、url、search;用于媒介回放的 video 和 audio 元素;用于绘画的 canvas 元素

对本地离线存储的更好的支持。

html5新增标签都有哪些

html5新增标签大致如下:

canvas 新元素

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

新多媒体元素

audio    定义音频内容  

video    定义视频(video 或者 movie)  

source    定义多媒体资源 video 和 audio  

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

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

新表单元素

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

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

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

新的语义和结构元素

HTML5提供了新的元素来创建更好的页面结构:

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    规定在文本中的何处适合添加换行符。  

初学者建议多访问下菜鸟教程:网页链接,都是比较全面的基础知识,可以看做编程词典,即使老司机也经常去查一些资料。

HTML5新增的内容有哪些?

• h5 的语法

o DOCTYPE 可以使用小写,

o 单标签没有结束标签,

o 可以省略结束的标签: li、dt、dd、p、option、colgroup(用于对表格中的列进行组合,以便对其进行格式化)、thead、tbody、tfoot、 tr、td、tho ,

可以省略的标签 html head body tbody,

• 新增标签特点:语义化,ie8 及以下不生效

o header 标签头部,

o section 划分板块,

o article 与上下文无关的内容,

o aside 可以放侧边工具栏,

o nav 导航,

o figure 和 figcaption 类似于 dl 标签,

o footer 底部,

o main 比较重要的部分,

o mark 标记默认是黄色的高亮,可以修改样式内联10,

• 多媒体标签,

o 音频

内联,

controls 控件,autoplay 自动播放,谷歌不支持,火狐静音下支持, ie 支持,loop 循环播放,muted 静音播放,

o 视频

controls 控件autoplay: 自动播放,谷歌和火狐静音下支持 ,ie 支持,muted 静音播放,loop 循环,poster 未播放前显示的内容,

• 表单新增

o type 类型,

email 邮件格式,

number 限制输入是数字,

min 最小值,

max 最大值,

step 每次增加的数,

url 地址路径或者网址都可以,

color 色块,

time 时间,

range 滑动条,

o 属性

required 必填,

placeholder 提示信息,

autocomplete 自动提示,

on 提示 ,

off 不提示,

autofocus 自动聚焦,

只能写一个multiple ,

多选pattern ,

正则限制输入的内容类型限制输入 0-9 之间的数,

以上是我个人对 H5新增内容的总结,希望对大家有所帮助。


网站栏目:html5新增标签有哪些,HTML5新增的标签是
当前路径:http://chengdu.cdxwcx.cn/article/dsdgico.html