H5新增标签和属性(笔记)

最新推荐文章于 2022-12-04 22:35:55 发布

codeCat!

最新推荐文章于 2022-12-04 22:35:55 发布

阅读量299

点赞数

分类专栏： html+css 文章标签：前端 css3 html html5 css

本文链接：https://blog.csdn.net/weixin_60547084/article/details/122104588

版权

18 篇文章 2 订阅

订阅专栏

邮箱：email
网址：url
- 格式：协议://域名(地址):端口号/路径?参数#锚点
- 拓展：http默认80端口、https默认443端口
搜索：search
电话：tel
日期
- 日期选择框(年、月、日)：date
- 时间选择框：time
- 日期时间输入框：datetime
- 日期时间选择框：datetime-local
- 日期选择框(年、月)：month
- 星期选择框(年、多少周)：week
数字输入框：number
- 最小值：min
- 最大值：max
- 步长：step(点一次加多少)
范围：range(滑动条)
- 最小值：min
- 最大值：max
- 步长：step
颜色：color
- 标签的value属性中只能写#000000格式
可输入的下拉表单：datalist
1. 在input标签中定义属性 list=datalist 标签中的id
2. 定义datalist标签 id=list中的值，里面的子元素还是option

placeholder：占位符-提示信息
autofocus：自动获得焦点-一般页面中放一个
autocomplete：自动完成
- 浏览器会保存之前输入的内容
- 默认 autocomplete=on 关闭 autocomplete=off
- 需要放在表单内同时加上name属性
multiple：可以多选文件提交
- 结合文件上传标签 <input type="file"> 一起使用
form：表单域

音频标签：audio

<!-- 这种写法可以写入多个文件类型的音频，下面的文字，浏览器不支持这个标签时会显示 -->
<audio>
  <source src="路径" type="音频类型">
  <source src="路径" type="音频类型">
  浏览器不支持我就会显示我 
</audio>

视频标签：video
- muted：视频静音
公共样式
- controls：播放控制面板(显示元素)
- autoplay：自动播放(大多数浏览器静止自动播放，会导致加了这个样式也不会生效)
- loop：循环播放
- preload：预加载

:first-child
:first-of-type
- first-child与first-of-type的区别
- first-child：是根据父元素的第一个子元素，当伪元素前的标签不对直接选不中
- first-of-type：是根据父元素后伪元素前的第一个元素
:last-child
:last-of-type
- last-child与last-of-type的区别和first的一样只不过一个是最后，一个是最前
:nth-child(可以写表达式)：里面的n是从0开始计算，但是标签是从1开始计算的
:nth-of-type()
- nth-child与nth-of-type的区别
- nth-child：父元素的计算不根据伪类前面子元素的标签类型(这里说的标签类型可能是标签，可能是类名只是说一个概念)，只算自己有多少个子元素
- nth-of-type：父元素也是只算自己有多少个子元素，但是只能获取伪元素前面的标签类型
:nth-last-child()
:nth-last-of-type()
- nth-last-child与nth-last-of-type的区别
- 他们的区别和nth的区别一样只不过是反着来获取

伪元素是元素，伪类是选择器

关注