HTML、XML、XHTML 有什么区别
- html即是超文本标记语言,语法较为松散,不严格的web语言
- XML既是可扩展的标记语音,主要用于存储数据和结构
- XHTML既是可扩展超文本标记语音,基于XML,作用与HTML类似,但是语法更严格
- 网页编码从html>>xhtml>>xml这个过程发展
怎样理解 HTML 语义化
语义化的含义就是用正确的标签做正确的事情，html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
怎样理解内容与样式分离的原则
- 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让HTML 能体现页面结构或者内容。之后再去写样式。
- 写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化
- HTML 内不允许出现属性样式，尽量不要出现行内样式
有哪些常见的meta标签
1、指定字符集：<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
2、向搜索引擎说明你的网页的关键字：<meta name="keywords" content="关键字"/>
3、告诉搜索引擎你的站点的主要内容：<meta name="description" content=""/>
4、告诉搜索引擎你的站点的制作的作者：<meta name="author" content=""/>
5、定时让网页在指定的时间n内跳转：<meta http-equiv="refresh" content="n;url="/>
6、勇于设定网页的到期时间，一旦过期则必须到服务器上重新调用，需要注意的是必须使用GMT时间格式：<meta http-equiv="expires" content="Mon,12 May 2010 00:00:00 GMT"/>
7、禁用缓存：<meta http-equiv="pragma" content="no-cache"/>
8、cookie设定，如果网页过期，存盘的cookie将会被删除，需要注意的是也必须使用GMT时间格式：
<meta http-equiv="set-cookie" content="Mon,12 May 2010 00:00:00 GMT" />
文档声明的作用?
文档声明是为了告诉浏览器，你的 HTML 文档是用的什么版本的 HTML 来写的，这样浏览器才能按照你声明的版本来正确的解析你的 HTML 文档。
严格模式和混杂模式指什么?
- 在标准模式中，浏览器以其支持的最高标准呈现页面，；
- 在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
<!doctype html> 的作用?
<!doctype html> 的作用就是让浏览器进入标准模式，使用最新的 HTML5标准来解析渲染页面；如果不写，浏览器就会进入混杂模式，而这是我们要避免的
浏览器乱码的原因是什么？如何解决
浏览器乱码一般来说是HTML文件和浏览器编码不一致导致的
设置HTML文件编码.HTML的meta声明编码和浏览器编码统一为同一个编码就可解决乱码问题
常见的浏览器有哪些，什么内核
常见的浏览器有IE(IE内核),谷歌(Webkit).火狐(Gecko)和Opera Software(Blink)
列出常见的标签，并简单介绍这些标签用在什么场景
- h1、h2、h3、h4、h5、h6标签用于标题
- p 标签用于段落，大段文字
- div标签用于给页面划分区块，让结构更清晰
- a标签用于添加链接，链接到某个地址，或者页面上的某个元素。
- img标签用于给页面添加一张图片
- ul和li合用，给页面添加并列的内容
- ol和li合用，给页面添加有步骤和编号的有序内容
-- dl dt dd标签，用于展示一系列标题和内容的场景 - button 用于添加按钮
- em 强调页面中的某些内容
- strong 比em标签的强调性更强，表示很重要
- iframe 用于嵌入一个页面，注意跨域操作的问题
- table 用于展示表格，不要用来做布局，thead，tbody和tfoot可以省略，浏览器会自动添加border-collapse:collapse,用于合并边框。
