html常用标签总结
HTML常用的标签
在讲HTML常用标签之前，我们先认识下HTML。
HTML，超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于html标签之前。<!DOCTYPE>是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，有助于浏览器中正确显示网页。其它声明方式及最新html标准可以通过以下链接学习：
HTML简介：http://www.runoob.com/html/html-intro.html
HTML标准：https://www.w3.org/TR/html51/
MDN：https://developer.mozilla.org/zh-CN/
HTML常有标签基本用法
1. iframe 标签 （嵌套页面）
- frameborder=0 用来消除很丑的边框
- name属性基本要和a标签一起，不是没什么用，name=xxx 指定a标签的跳转窗口
- src=source 一般接网址，也可以是一个相对路径
2. a标签 （跳转页面HTTP GET请求）
-
target 四个值
<a href="" target="_blank"></a> 空
<a href="" target="_self"></a> 自己
<a href="" target="_parent"></a> 父级
<a href="" target="_top"></a> 顶层
target的值可以为 iframe name的值
-
download属性
一个网页可以用浏览器查看，也可以下载，确定条件：
根据html响应的Content-Type for download
a标签可以download指定强制下载
<a href="" download </a>
-
href值：
- 无协议绝对路径，根据当前文件协议决定
<a href="//.qq.com"></a>
- 锚点，#xxx
<a href="#xxx"></a>
- 查询字符串 ?name=xxx
<a href="?name=xxx"></a>
- JavaScript
JavaScript:alert(1); 会直接执行
JavaScript:; 点击标签不会跳转，无反应
3. form标签：跳转页面（HTTP POST 请求）
- form表单内必须要有input“提交”按钮，否则就无法提交这个form，除非你用JS
- form标签主要是用来发起一个post请求
- input的name最终会带到请求的第四部分/post
- file协议不支持post
- get会把input内的参数放到查询参数中
- post默认会把input的参数放到请求的第四部分
- post可以通过修改action的值来添加查询参数
- form标签也有target与a标签一样
4. input/button
- 如果form内的button没有type会自动升级为提交按钮
- 如果写有type则会响应这个type响应的事情
- 理论上label要写for 和id 但是可以用label包input的方法省略
- checkbox是复选框，要将同属同一个类别name给同一个名字
- radio单选框圆点 要将同类别的name给同一个名字
- posswword是用来输入密码的，实际是在请求/响应里为明文
- input与button的区别：input是没有子元素的
5.table
- HTML规定table内只能有三个元素:<thead><tbody><tfoot>
- th/td的区别：th用作表头，td用作数据
- colgroup 控制表格内每列的宽度、bgcolor
- table内的元素顺序会被浏览器自动排序，如果浏览器分辨不出table 的顺序，则会按代码顺序
- table的border的默认是有空隙的，可用border-collapse：collapse;取消
作者：嘁_
链接：https://www.jianshu.com/p/05afb8e138a9
来源：简书
