【Html】知识点总结

一、浏览器内核

• Chrome、Opera、edge：blink
• IE：trident
• Safari：webkit
• Firefox：gecko

二、div+css布局优点

• 结构样式相分离
• 页面简洁，加载速度快
• 搜索引擎更友好，排名靠前
• 方便维护

三、src和href区别

• src：下载指定资源 指向外部资源位置，将外部资源下载并嵌入到当前标签位置/阻塞html渲染
• href：与指定资源地址建立链接 指向网络资源位置，建立联系/并行下载，不影响html运行

四、html标签分类

• 块级：p、h、div、dldtdd、ulolli、br、table trthtd
• 行级：span、biu、strong、em、a、button、meta、link、br、hr、img、input、textarea

五、html标签语义化

• 增加可读性，便于维护
• 内容代码结构
• SEO理解 提高速度

六、SEO优化

• 定义：关键字的自然排名
• 喂养爬虫：建立链接、提高速度
• 代码：标签语义化、h em strong title标签、alt、a的锚链接
• meta：keywords、description

七、重绘重排

• 重排概念：尺寸、布局、隐藏等改变引起的重新排列和渲染
• 重排原因：元素位置、尺寸、页面渲染初始化、浏览器窗口尺寸变化、删除添加元素
• 重绘概念：只影响元素外观不改变布局导致重新绘制