查缺补漏

Posted 2020-09-24

@import url() 在读取完文件后再加载，link再加载页面前把css加载完毕，所以import会出现一开始没有css样式，闪烁一下出现样式后的页面

当使用js控制dom改变样式的时候，只能使用link标签，因为@import不是dom可以控制的

link还可以定义rss和rel连接属性，@import只能加载css

html语义化是根据内容的结构化选择合适的标签，便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器更好的解析。为了在没有css的情况下页面也能呈现很好的内容结构和代码结构，便于爬虫或其它设备解析，语义化更具有可读性，减少差异化。

在不涉及样式的情况下，页面元素是从上往下解析的，所以页面元素的优先显示和结构摆放顺序是有关系的

iframe的使用场景

1. 典型系统结构，左侧是功能树，右侧是一些常见的table或者表单，为了每个功能单独分离出来，采用iframe。

2. 模拟ajax上传文件

3. 加载别的网站内容，例如google广告，网站流量分析

4. 上传图片时不用flash实现无刷新

5. 跨域访问可以用到iframe请求不同域名下的资源

（不过现在好像用到的地方不是太多，是否使用要看具体需求，我知道的imooc和w3school因为需要分栏显示代码和结果所以使用的是iframe，看了一眼jsfiddle也是，推测这种提交代码之后在相同页面即时显示结果的都是需要iframe的，第一个使用场景现在的一些技术比如ng的嵌套路由可以实现）

html的自闭合标签有：imput、img、br、link、hr等

常见的块级元素（自动换行、可设置高宽）

div,h1-h6,p,pre,ul,ol,li,form,table等

常见的行内元素（无法自动换行，无法设置宽高）

a,img,span,i,em,sub,sup,label等

常见的行块级元素（拥有内在尺寸，可设置宽高，不会自动换行）

button,input,textarea,select,img等

这些知识点用于查缺补漏，在用ui框架和js框架构建应用的时候也要保持基础知识不被遗忘