html5

!DOCTYPE html 的作用
1、文档类型的声明
2、给元素加padding或border时,盒子大小不会撑大
3、在IE上会出现和其他浏览器不一样的解析,且在IE6和7 中会产生怪异盒子
 
特点
1、更简洁
2、标签语义化
3、语法宽松
4、可跨多设备平台
5、自适应网页设计
 
语义化标签
1、section 内容块
2、article 文章块
3、aside   旁边的块
4、header  头部
5、footer  尾部
6、nav     导航
7、figure+figcaption  独立的内容,带有可选标题
8、embed   嵌套的内容(包括媒体)引入
9、mark    高亮显示文字
 
新增语义化标签
1、video 视频
    <source src="" type="mp4/ogg/webm">
    <video controls poster="路径">  定义第一帧的画面
2、audio 音频
3、datalist 输入可以下拉
4、hgroup 标题组
5、output  脚本输出
 
新增表单属性值
input默认边框是2px,且边框是加在里面的
1、email    有验证功能,但不全,不能改样式
2、url      验证网址
3、number   数字
4、range    拖拽控制范围
5、date pickers    时间组
    date 天    week  周    time   时间
    moth 月    datetime   日 月 年
 
表单属性
1、placeholder  提示信息
2、autofocus    自动获取焦点
3、required     不能为空
4、autocomplete  自动填充
5、min/man      最小/最大
6、novalidate   取消验证
7、step         步数
8、max length   最大长度
​️我还很喜欢你、就像sin²x+cos²x始终如一
原文地址:https://www.cnblogs.com/tis100204/p/10280732.html