HTML常用标签

a标签

属性

• href: 包含超链接指向的 URL 或 URL 片段
  其中最经典的用法，就是href="javascript:"的用法，它表示不刷新页面。
  a的href取值
  1.网址
  http://baidu.com
  https://baidu.com
  //baidu.com
  2.路径
  /a/b/c以及a/b/c
  index.html以及./index.html
  3.伪协议
  javascript:代码；
  mailto:邮箱
  tel:手机号
  4.id
  href=#xxx

• target: 该属性指定在何处显示链接的资源。 取值为标签（tab），窗口（window），或框架（iframe）等浏览上下文的名称或其他关键词
  a的target取值

  1.内置名字
  [1]._blank:新窗口打开，即到一个新的未命名的HTML4窗口或HTML5浏览器上下文
  [2]._self: 当前页面加载，即当前的响应到同一HTML 4 frame（或HTML5浏览上下文）。此值是默认的，如果没有指定属性的话
  [3]._parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文，此选项的行为方式与 _self 相同
  [4]._top: IHTML4中：加载的响应成完整的，原来的窗口，取消所有其它frame。 HTML5中：加载响应进入顶层浏览上下文（即，浏览上下文，它是当前的一个的祖先，并且没有parent）。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self

2.程序员命名
[1].window的name
[2].iframe的name

• download:此属性指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件。如果属性有一个值，那么此值将在下载保存过程中作为预填充的文件名（如果用户需要，仍然可以更改文件名）。此属性对允许的值没有限制，但是 / 和 \ 会被转换为下划线。大多数文件系统限制了文件名中的标点符号，故此，浏览器将相应地调整建议的文件名
  1.作用
  不是打开页面，而是下载页面
  2.问题
  不是所有浏览器都支持，尤其是手机浏览器可能不支持

img标签

• 主要作用
  发出get请求，展示一张图片
• 属性
  1.alt:定义了图像的备用文本描述
  2.height:图像的高度，在 HTML5 中的单位是 CSS 像素，在 HTML 4 中既可以是像素，也可以是百分比。可以只指定 width 和 height 中的一个值，浏览器会根据原始图像进行缩放
  3.width:图像的宽度
  4.src:图像的 URL，这个属性对 元素来说是必需的
  *事件
  1.onload:图片加载成功
  2.onerror:图片加载失败，该事件可用于当图片加载失败时，我们处理加载失败的逻辑，例如重新加载一个404的图片
• 响应式
  max-width:100%
• 可替换元素

table标签

• 相关的标签
  1.table
  2.thead:头部
  3.tbody:主体
  4.tfoot:尾部
  5.tr:行
  6.td:列
  7.th
  注意：thread\tbody\tfoot没有顺序要求，当然写代码的时候尽量注意规范，按顺序来
• 相关的样式
  1.table-layout
  2.border-collapse
  3.border-spacing

form标签

• 作用
  发送get\post请求，然后刷新页面
• 属性
  1.action:提交时与后台进行交互的一个属性
  2.autocomplete:用于指示 input 元素是否能够拥有一个默认值，此默认值是由浏览器自动补全的
  3.method:指定请求是get还是post方式
  4.target:表示在提交表单之后，在哪里显示响应信息
• 事件
  onsubmit

input标签

• 作用
  让用户输入内容
• 属性
  1.类型type:button\checkbox\email\file\submit等
  2.其他name\value等
• 事件
  1.onchange
  2.onfocus：用这个用的比较多
  3.onblur

其他感想

• 上面列举的几大标签确实是页面常用的，在实际的项目的用的非常之多。
• 像form标签、input标签在做数据校验和数据提交的时候就用的很广泛。
• 像我现在的项目，就自己利用javascript封装了一套html组件，我希望通过学习了本套课程后，自己能够搭建一个平台以及封装一些组件。