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 用与当前网页相同的协议打开链接地址,有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可以订阅某列的背景色。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,310评论 1 41
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,048评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,853评论 18 139
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,107评论 2 21
  • HTML5< !--...--> 标签 comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。...
    野小宝阅读 1,345评论 0 10