![[21届]web前端开发实习生岗位面试准备----HTML](https://1000zi.500zi.com/uploadfile/img/15/510/24b3cf757aa7d81d05fe2715449dfe56.jpg)
一、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设计中用来声明文档的解析类型(patMode)。doctype会影响代码验证，并决定了浏览器最终如何显示你的 Web文档。
patMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat
四、盒模型
请简述 w3c 标准的盒模型（初级）
标准盒模型包含：内容（content）、内边距（padding）、边框（border），外边距（margin）
如何在 CSS 中告诉浏览器使用不同的盒模型来渲染你的布局
css中所有html元素都可以看成为一个盒子。
盒模型主要分为两类：W3C标准盒子模型和IE盒子模型，在编写页面代码的时候应该尽量使用标准的W3C盒子模型，可在页面中声明DOCTYPE类型，将页面设置为"标准模式"(解决兼容性最简洁和值得推荐的方式)，在页面开头加上：<!DOCTYPE html>
