http常用标签简介

作者: Miracletjf | 来源:发表于2018-04-08 20:48 被阅读31次

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 用与当前网页相同的协议打开链接地址,有httphttps,一般ftp方式打开
    • /xxx.html 直接打开在域名后接/xxx.html的链接地址
    • #sss 跳转到锚点位置
    • ?name=666 添加查询参数,并跳转

form标签

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

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

button标签

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

label标签

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

textarea标签

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

table标签

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

相关文章

  • http常用标签简介

    HTML标签的数量是有很多的,每个标签都有自己的用途。这就是HTML语义化的一方面。方便理解,运用。具体的每个标签...

  • HTML常用标签简介

    本篇文章我们来共同学习下HTML文档中的常用标签及其使用方法;下图为简写内容的HTML文档: 第一部分:文档结构1...

  • HTML常用标签简介

    本文转载自:https://zhuanlan.zhihu.com/p/35692098 1. 标签 一般作为页面嵌...

  • HTTP

    Http学习 标签: http Http请求与响应 1.HTTP简介    HTTP协议,全称为Hyper Tex...

  • HTTP入门之常用标签

    简单记录如下几种常用标签,以后会有补充。