常用标签的用法

1.iframe标签的用法： 嵌套页面 可替换标签
默认是宽100 高50

<iframe src="https://test.com" name="xxx"></iframe>

可以通过css设置：

iframe{
width：100%；
height：400px；
}

宽度可以设置成100%，高度需要设置成实际的数值，iframe类似于一个新开的窗口，会很卡，可以通过设置name的值，来使target与name值相等时，使a标签的链接跳转到iframe所设置的位置 ，iframe标签的name和a标签的target配合使用才有用
eg：

<iframe src="#" name="xxx"></iframe>
<a target="###" href="https://www.test.com"> 链接1</a>
<a target="###" href="https://www.test.com"> 链接2</a>

iframe默认是有border的，很丑，所以一般都会设置frameborder="0"
iframe的src也可以设置相对路径：

<iframe src="./index.html" frameborder="0"></iframe>

配合a标签的理解：
假设：index1.html里面写成代码：

<iframe src="./index2.html" ></iframe>

这是下面的内容
index2.html里面写成代码：

index2
<iframe src="./index3.html" ></iframe>

index3.html里面写成代码：

<a  href="https://www.test.com" target="_blank"> 链接1</a>
<a  href="https://www.tes.com" target="_self"> 链接2</a>
<a  href="https://www.tes.com" target="_parent"> 链接3</a>
<a  href="https://www.tes.com" target="_top"> 链接4</a>

链接1会是在一个新的页面打开，链接2在自己本身所处的iframe标签内默认的大小打开，可以设置宽高的，可以看到index2，链接3在他的父母的页面打开，那就是所处的iframe打开，看不到index2，链接4打开的页面就是在最外层那个页面打开，也就是在index1整个页面打开
2.a标签属性：

<a href="#" download>下载</a>

如果没有设置download属性，也想只是一个下载的链接那么就要设置 contenttype:application/octet-stream那么浏览器会解析成以下载的模式接收这个请求，而不是在页面上展示。如果你写的是contentype：text/html又想让用户下载只能是设置属性为download

<a href="//qq.com">这个链接默认打开的是当前页面所使用的协议</a>

一般不使用file协议，那么怎么预览页面呢：2种方法 ，①上传到github，使用github的预览功能 ②命令行安装一个小工具：http-server
下载命令：npm i -g http-server
Http-server是一个轻量级的基于nodejs的http服务器，它最大好处就是：可以使任意一个目录成为服务器的目录，完全抛开后台的沉重工程，直接运行想要的js代码。
运行: 在要成为服务器的目录下运行如下命令：http-server
若要禁用缓存，请使用如下命令运行：

http-server -c-1

href="#ddd" 这个是锚点链接不发出请求的，
href="?name=dfd"这个是发出get请求
还有一种用法，伪协议：<a href="javascript: alert(1);">伪协议</a>有没有空格和分号都行，<a href="javascript:;">这句代码的意思是点击这个链接之后什么操作都没有</a>，a标签发起的请求是get请求，form发起的post请求，如果form里面没有提交按钮，你就不能提交页面，除非用js，默认是get，一般用来post请求。
get和post请求：get是你获取内容，post是你上传内容。
get请求显示的第一行是：/users?xxx=1 第四行为空
post请求显示的第一行是：/users 第二行内容 第三行内容 第四行：xxx=1
3.form标签： form也有target属性，跟a标签的用法一样
（1）如果一个button按钮，没写type属性，他就升级成submit，如果写了，就是写的，但是如果写了type没用，那就是form没有提交的按钮，submit是唯一的提交按钮
（2）CheckBox就是可以勾选的地方，怎么让点字也可以勾选，点我,label的for和input的id是一对一起出现，如果不想写for和id的，可以用label嵌套input实现此效果，用户名，name是一定要写的，name是用来传值的，radio是单选框，怎么让选中一个呢，给他添加相同的name值就可以选中了，如果选中的字也选中，那么就必须添加label标签
(3)select标签是下拉按钮标签，也要有name属性，在option里面选择你下拉列表中的内容，并设置value的值，如果想让其中一个的下拉项不能选择就给他设置disabled属性，默认选择的话添加selected这个属性，不想设置的可以设置value为空，一般提交的内容就是name=value这种格式，如果在select里添加multiple这个属性表示下拉列表可以多选
input是没有子元素的，button是有子元素的
4.textarea标签：多行文本
默认这个标签是可以随意拉大小的，但是这样就会造成一些bug的出现，使排版出现问题，name可以给他设置css样式，resize=none，设置的默认宽高，然后可以设置宽高来控制，或者用col和row这两个属性来控制，比如你设置col=“100”，大概是100个字，我们并不关心这个你设置的列数到底是多少，因为很少有人关心，如果想精确的设置还是css最好了
5.table标签： thead表头tbody内容tfoot
tr标签来控制行th来设置表格的表头，td来设置表格的数据，一般顺序在thead标签内添加tr标签再添加th或者td，如果把tfoot这个标签放在thead标签前面是没有区别的，浏览器会自动解析正确的顺序，如果没有tbody，浏览器活魔人给你补全tbody去解析，如果没有thead，浏览器会默认帮你添加到tbody里去解析，如果都没有浏览器会默认给你放在tbody里面按照你写的代码顺序给你解析，如果你给table这个标签设置了boder属性，如果想合并表格的边框线，请给table标签设置css样式为border-collapse：collapse，默认是不合并的，边框线是有空间的
colgroup配合col可以来设置列的宽度也可以设置单独这一列的背景色bgcolor属性，这个是没有可见部分的

<colgroup><col width=100 bgcolor=red>表示设置的这一列的宽度为100像素，背景色为红色</col></colgroup>

6. CSS 选择器的优先级是怎么样定义的：
一般而言，选择器越特殊，它的优先级越高。也就是选择器指向的越准确，它的优先级就越高。
！important >行内样式> ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符