文章探讨了不同浏览器的内核，如Blink、Trident和Webkit，强调了div+css布局的优...点，以及src与href属性的区别。此外，还详细阐述了HTML标签的分类和语义化对SEO的影响，以及SEO优化的关键点，包括关键字自然排名和网页速度提升。最后，讨论了网页的重绘和重排概念，解释了触发这些过程的原因。
浏览器内核
- 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
重绘重排
- 重排概念：尺寸、布局、隐藏等改变引起的重新排列和渲染
- 重排原因：元素位置、尺寸、页面渲染初始化、浏览器窗口尺寸变化、删除添加元素
- 重绘概念：只影响元素外观不改变布局导致重新绘制
扫一扫
2488
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
