一、HTML

HTML常见元素和理解

在head中，资源和信息描述

 
//字符集
 
//视口,宽度等于设备宽度，初始化缩放比例为1，最大缩放为1，用户不能缩放，适配移动端的第一步


//指定基础路径，所有链接都以该路径为基准

a[href,target] // 链接；在哪个窗口打开链接（_self,_blank）
img[src,alt] // 图片地址；图片不可用时的替换资源
table td[colspan,rowspan] // 合并单元格
form[target,method,enctype] // 表单提交到哪；get/post方法;编码方式
input[type,value] // 类型（password/button/text/radio(name相同表示是同一组)/checkbox/submit)；值
button[type] // 按钮
select>option[value] // 下拉框
label[for] // 和表单项关联，关联input的id

Tips:Ajax还需要使用form吗？

建议使用form，因为：1.form可以利用submit、reset 2.可以对表单批量操作 3.可以和组件结合，做表单验证 4.可以记住用户名密码

HTML新增了内容

按默认样式分
- 块级元素block：可定义宽高，默认占据一整行
- 行内元素（内联元素）inline：不可定义宽高，和其他元素在一行
- inline-block：对外inline,对内block(和其他元素在一行，但是可定义宽高),input,select等
按内容分
- Flow: 文档流元素（大部分可见元素）
- Heading: h1~h6,hgroup
- Sectioning: 区块元素，article，nav，aside
- Phrasing:短语元素，strong,em
- Embedded:嵌入资源，audio,video,img
- Interactive: 有交互的元素，a,input
- Metadata: title,base,script等

不一定合法，取决于外面是什么元素，嵌套关系见https://www.w3.org/TR/html5/grouping-content.html#grouping-content
合法的如下：

    
    
        
        广告文案

*{
    margin:0;
    padding:0
}