总结篇-HTML部分（未完待续...）_html中未完待续-CSDN博客

本文链接：https://blog.csdn.net/qq_35892039/article/details/84942216

base64图片使用

a.在线转换图片为base64码(推荐地址：http://imgbase64.duoshitong.com/) ;

b.html中使用base64：<img src=”data:image/图片后缀;base64,+base64编码”/>

src与href的区别

href：网络资源所在位置，用于超链接。

src：外部资源的位置（本地或链接），指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将
其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其
他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入
当前标签内。这也是为什么将js脚本放在底部而不是头部。

语义化的相关理解

概念：
    HTML标签的语义化是指：通过使用包含语义的标签（如h1-h6）恰当地表示文档结构
    css命名的语义化是指：为html标签添加有意义的class
原因：
    去掉样式后页面呈现清晰的结构
    盲人使用读屏器更好地阅读
    搜索引擎更好地理解页面，有利于收录
    便团队项目的可持续运作及维护
理解：
    用正确的标签做正确的事情。
    html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;
    即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;
    搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;
    使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解

link和@import有什么区别？

概念：
    link属于XHTML标签，除了加载CSS外，还能用于定义RSS,定义rel连接属性等作用；
    @import是CSS提供的，只能用于加载CSS；
区别：
    页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载
    @import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题

html5新特性、移除了的元素

增加：
    绘画 canvas
    用于媒介回放的 video 和 audio 元素
    本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失
    sessionStorage 的数据在浏览器关闭后自动删除
    语意化更好的内容元素，比如 article、footer、header、nav、section
    表单控件，calendar、date、time、email、url、search
    新的技术webworker, websocket, Geolocation
移除：
    纯表现的元素：basefont，big，center，font, s，strike，tt，u
    对可用性产生负面影响的元素：frame，frameset，noframes

HTML5新标签的浏览器兼容问题解决方法，HTML 和 HTML5的区分

支持：
    <!--[if lt IE 9]>
        <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
    <![endif]-->
区分：
    <!DOCTYPE HTML>表示使用的H5

iframe的优缺点

缺点：
    iframe会阻塞主页面的Onload事件
    搜索引擎的检索程序无法解读这种页面，不利于SEO
    iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载
    如果需要使用iframe，最好是通过javascript动态给iframe添加src属性值，这样可以绕开以上两个问题
优点：
    用来加载速度较慢的内容（如广告）
    可以使脚本可以并行下载
    可以实现跨子域通信

实现浏览器内多个标签页之间的通信（详解）

WebSocket；
SharedWorker；
cookie；
localstorage；
也可以调用localstorge、cookies等本地存储方式；