这篇文章主要介绍html5新增了什么元素标签,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、网站建设、襄垣网络推广、成都小程序开发、襄垣网络营销、襄垣企业策划、襄垣品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供襄垣建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com
html5新增的元素标签有:“
”、“
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
html5新增的元素标签
标签 | 描述 |
---|---|
定义一个文章区域 | |
定义页面的侧边栏内容 | |
定义音频内容 | |
允许您设置一段文本,使其脱离其父元素的文本方向设置。 | |
定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形 | |
定义命令按钮,比如单选按钮、复选框或按钮 | |
定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。 | |
用于描述文档或文档某个部分的细节 | |
定义对话框,比如提示框 | |
定义嵌入的内容,比如插件。 | |
定义 | |
规定独立的流内容(图像、图表、照片、代码等等)。 | |
定义 section 或 document 的页脚。 | |
定义了文档的头部区域 | |
规定用于表单的密钥对生成器字段。 | |
定义带有记号的文本。请在需要突出显示文本时使用 标签。 | |
定义度量衡。仅用于已知最大和最小值的度量。 | |
定义导航链接的部分 | |
定义不同类型的输出,比如脚本的输出。 | |
定义运行中的进度(进程)。 | |
标签定义 ruby 注释(中文注音或字符)。 | |
定义日期或时间,或者两者。 | |
定义日期或时间,或者两者。 | |
规定在文本中的何处适合添加换行符。 |
(1)定义导航链接
它也是有意义的标签,并不是在某处加上这个标签就有了导航的样式了,这都是有意义的p而已,在头部header中加入菜单标签
html代码:
这是一个header部分
css代码:
/*定义nav的高和颜色*/ nav{ height:30px; background-color:#F33; margin-top:100px;} /*正常设置li的样式*/ li{ list-style:none; float:left; width:100px; height:30px; }
这样就可以实现之前只用p进行的菜单布局了
(2)定义文章标签
可以使用文章块标签进行写文章,这就使用这个标签进行写文章在section部分,可以和
合用
html代码:
文章标题
文章内容文章内容文章内容文章内容文章内容文章内容
文章内容文章内容文章内容文章内容文章内容文章内容
文章内容文章内容文章内容
css样式:
article{ background-color:#F33; width:500px; text-align:center; /*水平居中*/ margin:0px auto; }
这样就可以写一篇文章了
(3)定义媒介内容的分组,以及它们的标题
A。这个标签可以和它的配套标签联合使用
B。还可以和
(4)定义对话框或窗口
在这个标签中也是可以使用dd和dt标签,对话框中的标题和内容,对话框有个属性是open,这个标签的兼容性不是很好
(5)定义命令的列表或菜单
A。这个标签可以和li合用
B。可以给右键单击中添加自己的内容(只有火狐浏览器可以兼容)
联合(定义用户可以从弹出菜单调用的命令/菜单项目)
单击我试试
右键单击后出现想要的菜单项
单击菜单项,弹出内容
(6)标题组
里面可以写一些标题的结合
标题
标题1
标题2
标题3
(7)定义小号文本
这个标签和其他的加粗什么的标签其实是差不多的
法律条文 联系我们 客户意见
(8)定义元素的细节
里面的内容可以配合标题和内容标签来使用
问题 解答 问题 解答 问题 解答
点击详细信息就可以看到标题和内容了
(9)定义 ruby 注释
碰到不认识的字了可以使用这个进行注释拼音,但是有的兼容性不是很好,到时候可以进行修改
夼
(10)定义预定义范围内的度量
有几个属性值,min="" max="" value="" low="" high="",其中low和high是范围,当value范围超了话就会显示不同的效果
value值超出了范围后
(11)进度条的标签
进度条
最大值就是进度条的长度就行,value值就是显示的进度,用它可以进行动态的进度条
进度条
这样进度条就可以完成了,是不是比只用js写的好多了,不同的浏览器表现形式还不一样
以上是“html5新增了什么元素标签”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!