目录：

一. 一些HTML偏冷知识

二. HTML5语义化标签

一. 一些HTML偏冷知识

• contenteditable属性，能让容器内文本可编辑

• 关于a标签

  • 关于href属性
  1. href="#"：（#表示页面内跳转）跳到页面首部，不刷新页面
  2. href="http://www.baidu.com"：协议、域名必须写，端口被隐藏了，如果不写协议，会默认用当前文件的协议
  3. href="javascript: "：(伪协议)点击后不跳转
  4. href="?name=xxx"：会在当前url下拼接，并跳转
  • 相关CSS伪类
  1. a:link ：未访问的链接
  2. a:visited ：被访问的链接
  3. a:hover ：鼠标悬浮状态
  4. a:actived ：鼠标选中状态
  • target属性
  1. _blank：新页面打开
  2. _self：用自身页面跳转

• 关于form表单

  • enctype属性
  1. method='post'时，才使用enctype属性
  2. 默认值：application/x-www-form-urlencoded
  3. 非文本类型数据，如图片、MP3：multipart/form-data
  4. 纯文本形式进行编码，其中不含任何控件或格式字符：text/plain

• 四种按钮

  1. button：在form表单里是提交按钮
  2. input type='button'：声明了type是button，永远都只是一个button
  3. input type='submit'：会将表单数据和按钮数据一起提交
  4. button type='submit'：只会提交表单数据，推荐表单提交使用这个
  5. input的type为submit的时候，回车即可提交

• 关于table，放一张图就明白了

  
  image.png

• css样式的resize:none可以取消文本域的用户拖拽大小功能

HTML5中引入了很多语义化的标签，举几个常见的例子：

1. main：主要内容
2. nav：导航区
3. article：页面内一块独立内容
4. section：页面一个区域，通常有主题
5. header、footer：头部、尾部，可以包含在section内
6. aside：边栏区域