http常用标签简介

---

HTML标签的数量是有很多的，每个标签都有自己的用途。这就是HTML语义化的一方面。方便理解，运用。具体的每个标签的含义可以查看我的上篇文档html简介下面介绍一些比较常用标签，但是他们又有一些小的技巧是我们平时不容易发现的。

iframe标签

• iframe标签自带一个frameborder="1"的属性，我们使用时应该把它给去掉，用frameborder="0"覆盖。
• name 属性，定义自身窗口的名称，配合a标签的target属性，可以实现点击a标签，在指定的frame窗口中打开的功能。
• src属性，定义了iframe窗口要展示的网页地址。
• sandbox可以对iframe启动额外的限制条件。如果属性值为空，表示限制条件全部启用，若不为空，即用空格分隔的一系列指定的字符串。比如说允许窗口执行JavaScript,只有这样写sandbox="allow-scripts"

a标签

• target 属性代表指定位置打开链接，对应的值有
  • _blank 在新窗口打开链接
  • _self 在自身窗口打开链接，默认值
  • _parent 在父窗口打开链接
  • _top 在顶级窗口打开链接
• download 下载链接地址的内容（有的网站会禁止你下载的）。
• href 代表链接地址
  • http://www.baidu.com 打开指定链接地址
  • //www.baidu.com 用与当前网页相同的协议打开链接地址，有http，https，一般ftp方式打开
  • /xxx.html 直接打开在域名后接/xxx.html的链接地址
  • #sss 跳转到锚点位置
  • ?name=666 添加查询参数，并跳转

form标签

form标签其实也是在跳转链接，只不过form跳转链接是发起的是post请求，并且可以携带第四部分的参数到服务器。

• method 指定发起的请求的方式一般指定为post
• form 提交也可以携带查询参数
• 只要是http协议提交数据，密码在网络中就是明文传递的，不安全。推荐使用https，传递机密数据。

button标签

• 如果form标签中只用一个<button>标签，并且标签的type属性未指定，那么button按钮，自动升级为submit按钮
• 指定input的type类型为submit也可以提交form

label标签

• 把input标签包裹在label中，可以建立label与input的联系。点击label中的内容，可以触发input点击效果。

textarea标签

• css设置resize:none;可以禁用可拖拽功能

table标签

• <thead> 表格头部
• <tbody> 表格主体
• <tfoot> 表格底部
• <tr> table row 表格行
• <th> table header 表头
• <td> table data 表格数据
• <colgroup> 表格列组，用来定义列表中的一组列表。
• <col> 表示表格中的列，属性bgcolor可以订阅某列的背景色。