html5新增加的标签有哪些

php中世界最好的语言

发布时间：2018-03-26 15:42:29

3473人浏览过

来源于php中文网

原创

这次给大家带来html5新增加的标签有哪些，使用html5新增加标签的注意事项有哪些，下面就是实战案例，一起来看一下。

今天新学习了9个标签、

定义选项列表。这个其实是一个比较大的改进，不过也有不足，这个标签其实组合了《input标签中的text》和select标签、生产的一个可以输入和下拉选项的输入组合框》。不足之处在于如果不通过JS控制，只有当输入框中为空，定义的下拉选项中才会生效

定义文档细节。这个标签其实用的地方也比较多，常和summary标签用。summary标签里面写文档的标题。p标签写文档的细节

一个高亮的显示标签，再也不用标记某一段文字要用font属性了。

快速创建一个list列表。用法是menu li结合

存放地址的标签

这个是一个进度条标签。他的主要属性有value和max。value表示当前进度条位置，max表示进度条的总共长度。

标签放时间的标签。

初步接触html5的标签。给人的第一感觉就是望文知义。这个标签能够很容易让人记住。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Html5学习之路


欢迎来到Html5的学习之路，我是header标签。
这是一个定义选项列表的标签datalist 这个的作用就是将text文本框与select标签结合起来


    
    
    
    
    





这里我发现了两者一个不同之处在于，datalist只有在输入框为空的时候才会有自己定义下拉的内容!


而这个select选项框是不管什么内容它都会存在的







------------------------




这是一个定义文档细节的标签。detail标签。它的主要作用很简单。

    这是一个detail标签，下面就是他的使用方法
        detail标签是什么？
        detail标签有什么作用？
        detail标签能干什么？
        detail标签我改怎么用它？



detail标签常与sunmmary标签用在一起。比如这个标签是高亮标签mark比重不一样。



接下来这个标签是定义列表标签。menu。

    西游记
水浒传
红楼梦
三国演义




进度条标签我们用的比较多。比如这个。progress
value=5 max=10



我是底部footer标签

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

LOVESTUdio多校园网络店铺

主要更新介绍：完美整合Discuz!论坛，实现一站式登陆、退出、注册；同步所有会员资料；新增购物车功能，商品购买更加方便、快捷；新增部分快捷菜单，网站访问更加方便；限制首页商品、店铺标题显示长度；修正会员后台管理不能更改密码的错误；完善商品显示页面所有功能链接；修正后台标签管理部分错误；修正前台学校列表不按后台顺序显示的错误；修正搜索功能中学校名称过长导致显示紊乱的现象；修正

下载

立即学习“前端免费学习笔记（深入）”；

相关专题

php文件怎么打开

打开php文件步骤：1、选择文本编辑器；2、在选择的文本编辑器中，创建一个新的文件，并将其保存为.php文件；3、在创建的PHP文件中，编写PHP代码；4、要在本地计算机上运行PHP文件，需要设置一个服务器环境；5、安装服务器环境后，需要将PHP文件放入服务器目录中；6、一旦将PHP文件放入服务器目录中，就可以通过浏览器来运行它。

1995

2023.09.01