html

什么是H5?

人们通常说的h5不是html5,其真实含义是指手机页面

html5技术集合

新的通讯技术:WebSockets,webRTC等
离线存储技术:LocalStorage、断网检测
多媒体技术:视频、音频
图像技术:Canvas、SVG、WebGl
Web增强技术:History API、全屏
设备相关技术:摄像头、触摸屏
新的样式技术:css3新的flex、grid布局方式
插件
prettier -code formatter
重点标签?
最新版的标签大约有110个

元数据 title/link/style/base/meta标签

章节标签section/nav/artical/aside/header/footer/main/h1-h6

内容层次ol+li/ul+li/dl+dt+dd

文字 a

嵌入内容 img/video/canvas/svg

表格table/tbody/thead/tfoot/tr/td/th

表单form/label/input/button/select/option/textare

(改错配置yarn global add node-w3c-validator |node-w3c-validator -i index.html)

a标签
常用属性：herf/链接(mailto:tel:加发邮件，打电话) | target/打开方式 rel/noopener

meta标签
meta用来添加辅助信息


name = description:描述信息利于seo
name = keywords :关键字 有利于seo
name = renderer content= webkit :采用双内核
http-equiv="expires" content="Web,20 jun 2019 22:33:00 GMT" :用于缓存

form标签
作用:发get或post请求，然后刷新页面

常用属性
1. action/请求位置
2. autocomplete/自动填充
3. method/请求方式
4. traget/提交后跳转页面
事件:onsubmit
一个正常的表单是form包裹住input,botton标签

input标签

    



    type="color"/选中颜色


    type="password"/不展示具体的文本


    
        
    


    
        radio
        type=radio
        单选
        必须
        name一致
    


    
        type=checkbox
        多选
        必须
        name一致
    


   
        type="file"单个文件
        

        加上multiple上传多个文件
    


     
        
        
    

type="hidden"/看不见的input,是给机器输入的


    事件:onchange/onfocus/onblur
    required如果不填写，提示无法上传
    (input type="submit" 和button的区别是button内还可以添加内容)

textarea标签
标签定义一个多行的文本输入控件。
文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以用来做评论框，默认可以拖动大小，可以通过CSS来去掉默认属性，style="resize:none;width:50%;height:300px"
可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。

select标签
select元素用来创建下拉列表。

 
     点击查看 
     select标签中的option标签定义了列表中的可用选项 
     可以为所欲为呀 

link

link rel="stylesheet" type="text/css" href="theme.css" 请求css
link rel="icon" href="favicon.ico" 定义网站图标

语义化标签
语义化更容易阅读，更符合规范,有利于seo



detalist

BFC规范
块级格式化上下文

触发BFC

注意事项:
1.一般不监听input的click事件
2.form里面的input要有name
3.form里面要放一个type=submit才能触发submit事件