2021-06-17

初学HTML5

1、新增元素
1.1、页面标签
header——页面或页面中某一个区块的页眉，通常是一些引导和导航信息
footer——页面或页面中某一个区块的脚注
nav——可以作为页面导航的链接组
section——页面中的一个内容区块，通常由内容及其标题组成
article——代表一个独立的、完整的相关内容块，可独立于页面其它内容使用
aside——非正文的内容，与页面的主要内容是分开的，被删除而不会影响到网页的内容
1.2、媒体流 相关标签
audio——定义音频，如音乐或其他音频流
video——定义视频，如电影片段或其他视频流
datalist——定义可选数据的列表
time——标签定义日期或时间
mark——在视觉上向用户呈现那些需要突出的文字
controls——如果出现该属性，则向用户显示控件，比如播放按钮
autoplay——如果出现该属性，则音频在就绪后马上播放
loop——如果出现该属性，则当音频结束时重新开始播放
preload——如果出现该属性，则音频在页面加载时进行加载，并预备播放

2、全局属性
contentEditable——规定是否允许用户编辑内容
designMode——规定整个页面是否可编辑
hidden——规定对元素进行隐藏
spellcheck——规定是否必须对元素进行拼写或语法检查
time——标签定义日期或时间
tabindex——规定元素的tab键迭制次序

3、HTML5新增input类型
email——电子邮件地址文本框，提交表单时会自动验证email的值
url——网页的URL，提交表单时会自动验证url的值
color——主要用于选取颜色
search——用于搜索引擎（搜索框）
number——只包含数值的字段，能够设定对所接受的数字的限定
range——滑动条，特定值范围内的数值选择器
Date pickers——拥有多个可供选取日期的新输入类型
placeholder——input类型的文本框提供一种提示，可以描述文本框期待用户输入的内容，提示语默认显示，当文本框中输入内容时提示语消失
required——规定文本框填写内容不能为空，否则不允许用户提交表单
pattern——用户输入的内容必须符合正则表达式所指的规则，否则就不能提交表单

刚开始学习HTML时会感觉要记好多东西，所以这就要求我们平时的时候要多多练习。每天背背自己要经常用到的东西，这样可以帮助我们更快更好的去掌握HTML。上面就是我刚开始学时用到的一些干货了。