框架

1. 页面结构：

nav:导航类辅助内容

aside：相关内容及应用

article:独立的文章内容

section:Web中的独立区域

header与footer

2. iframe:

在网站中打开另一个网站

< iframe src="">< /iframe>

3. 表单：收集用户信息

< form>< /form>

• method:规定如何发送表单数据,post/get

• action:表示向何处发送表单数据

< form method="post" action="result.html">

< /form>

< input>< /input>

• value:元素初始值，当type为radio必须指定一个值

• maxlength:当type为text或password时，输入的最大字符数

• checked:默认选中

• type:radio表示单选，多个选项要在一个组里面

checkbox:多选

button:按钮

image:图片按钮

number:数字，基础验证

search,range(滑块）number

text:文本框

password:密码

• readonly,只读 disabled,禁用 hidden隐藏

• placeholder:提示信息

• required :不能为空

• pattern: 正则表达式

• autofocus,自动聚焦

• autocomplete:默认打开，记录以前输过的值

• file: 自动提交文件

• multiple,提交多个文件

< select>< /select>

• < option value="" selected>< /option>

selected表示默认选项

< textarea>< /textarea>

文本框输入

4. <label < u>for< /u>="">< /label>

< input type="text" < u>id< /u>="">

鼠标可用性

emmet语法

1. tab键迅速生成

2. 标签* 个数，可迅速生成多个标签

3. 如有包含标签使用>

4. 如是兄弟关系，用+

5. 标签.类名+tab可直接生成

6. 标签#类名，直接生成id

7. $代表有顺序的，如.类名$* 5代表生成5个有顺序的div的类名

8. 标签{}内可以写内容

9. 标签可缩写

10. ctrl+alt+L可以在IDEA中格式化代码