HTML5+CSS3新增属性

2023-11-17 19:02| 来源: 网络整理| 查看: 265

H5中新增的语义化标签：

:头部标签

:导航栏标签

:文章标签

:内容标签

:侧导航栏标签

:底部标签

:按钮标签

:进度条标签

:表单绘制外框标签

H5中新增的表单属性

Placeholder:提示信息（用于input，属性值为提示的内容）

autofocus:当页面加载完毕后，自动获取焦点。（用于input，不用加属性值）

required:输入框的内容不能为空，在表单提交时判断。（用于input，不用加属性值）

maxlength:最大长度。（属性值为整数）

minlenght:最小长度。（属性值为整数）

novalidate:不验证表单（用于input，不加属性值）

autocomplete:设置是否自动完成。

新增input类型type=”” emailurldatatimemonthweeknumbertelsearchcolor新增多媒体标签 audio:音频 video:视频 autoplay:自动播放Controls:显示插件，控制按钮loop:循环播放poster:预先加载显示CSS3新增特性：新增选择器：属性选择器，权重为10 选择带有x(代指)属性的元素 [属性名] 如:[class]{ }选择所有带有X属性，并且以=Y开头属性值的元素：[X=”Y”]选择所有带有X属性，并且以=Y-开头属性值的元素：[X=”Y-”]选择所有带有X属性，并且以=Y开头属性值的元素：[X^=”Y-”]选择所有带有X属性，并且以=Y结尾属性值的元素：[X$=”Y”]选择所有带有X属性，并且包含Y属性值的元素：[X*=”Y”]伪类选择器，权重为10 :first-child:获取指定选择器的第一个元素:last-child:获取指定选择器的最后一个元素:nth-child(n):获取指定选择器的第n个元素（所有子元素的顺序）:nth-last-child(n):获取指定选择器的倒数第n个元素（所有子元素的顺序）:nth-of-type(n):获取指定选择器的第n个子元素（不是所有子元素的顺序）伪元素选择器： ::first-letter 选择文本内容的第一个汉子或者第一个字母::first-line 选择文本的第一行::before 在当前元素的内部的前边添加。（在同一行可以转为块元素）::after 在当前元素的内部后便添加。

【本文地址】

公司简介

联系我们