本文探讨了HTML语义化的重要性，包括正确的标签使用、盒模型及DOCTYPE声明，强调了这些因素对SEO的影响，提供了实用的SEO优化技巧。
一、html语义化
- 用正确的标签做正确的事情
- html语义化让页面的内容结构化，结构更清晰。便于对浏览器、搜索引擎的解析
- 即使在没有样式（CCS）的情况下也以一种容易阅读的文档格式显示
- 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO
- 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解
二、SEO(Search Engine Optimization)
定义：搜索引擎优化，是以网页为载体，在不影响用户体验的前提下最大化让网站符合搜索引擎的排名规则的所有手段集合
- 常用的SEO方法：
(1) TDK规则（合理设置html的head中的title、description、keywords）
(2) 描述性的标签加上title属性
(3) 每个页面都需要有个h1标签，合理使用h2-h6标签
(4) 页面进行服务端渲染，不要使用js渲染页面（搜索引擎不会执行js）
(5) 页面中合理地进行关键词植入 - 要实现一组单选框 radio，属性上需要满足什么条件？
name 属性必须一样 - 从 SEO 角度，请给出至少 2 条 html 书写上的注意点。
(1) a 标签一定要写 title 属性
(2) img 标签一定要写 alt、title 属性
(3) 选用语义化的 html 标签
三、DOCTYPE
- doctype是什么？
DOCTYPE是document type的简写，它并不是 HTML 标签，也没有结束标签，它是一种标记语言的文档类型声明，即告诉浏览器当前 HTML 是用什么版本编写的 - doctype的作用？
DOCTYPE是document type(文档类型)的简写，在web设计中用来声明文档的解析类型(document.compatMode)。doctype会影响代码验证，并决定了浏览器最终如何显示你的 Web文档。
document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat
四、盒模型
-
请简述 w3c 标准的盒模型（初级）
标准盒模型包含：内容（content）、内边距（padding）、边框（border），外边距（margin） -
如何在 CSS 中告诉浏览器使用不同的盒模型来渲染你的布局
css中所有html元素都可以看成为一个盒子。
盒模型主要分为两类：W3C标准盒子模型和IE盒子模型，在编写页面代码的时候应该尽量使用标准的W3C盒子模型，可在页面中声明DOCTYPE类型，将页面设置为"标准模式"(解决兼容性最简洁和值得推荐的方式)，在页面开头加上：<!DOCTYPE html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
