HTML、XML、XHTML 有什么区别
- HTML，超文本标记语言，是语法较为松散的、不严格的Web语言。
- XML，可扩展标记语言，主要用于存储数据和结构。
- XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格。
怎样理解 HTML 语义化
语义化HTML是一种编写HTML的方式。
选择合适的标签、使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好地解析。
优点：
- 为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构。
- 优化用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用。
- 有利于和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息，因为爬虫依赖于标签来确定上下文和各个关键字的权重。
- 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页。
- 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
怎样理解内容与样式分离的原则
写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
CSS与HTML分离的优点：
- 使页面载入得更快由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小，相对于表格嵌套的方式的逐层加载速度快。
- 修改设计时更有效率在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式，而表格布局则更不省事。
- 保持视觉的一致性
DIV+CSS最重要的优势之一是保持视觉的一致性，以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。 - 更好地被搜索引擎兼容
由于将大部分的HTML代码和内容样式写入了CSS文件中，这就使得网页中代码更加适合搜索引擎。 - 对浏览者和浏览器更具亲和力
由于CSS富含丰富的样式，使页面更加灵活性，更加的美观，它可以根据不同的浏览器，而达到显示效果的统一和不变形。
写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
HTML 内不允许出现属性样式，尽量不要出现行内样式。
有哪些常见的meta标签
- 申明编码
<meta charset='utf-8' /> - 页面关键词
<meta name="keywords" content="your tags" /> - 页面描述
<meta name="description" content="150 words" /> - 搜索引擎索引方式
<meta name="robots" content="index,follow" /> - 页面重定向和刷新
<meta http-equiv="refresh" content="0;url=" /> - 隐藏状态栏/设置状态栏颜色
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> - 添加到主屏后的标题
<meta name="apple-mobile-web-app-title" content="标题"> - 忽略数字自动识别为电话号码
<meta content="telephone=no" name="format-detection" /> - 忽略识别邮箱
<meta content="email=no" name="format-detection" />
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- 文档声明能够确保在每个浏览器中拥有一致的展现。
- 在标准模式中，浏览器以其支持的最高标准呈现页面。
在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。 - <!doctype html> 的作用是声明文档类型，这样浏览器才能正确地呈现内容。
浏览器乱码的原因是什么？如何解决
编辑和保存HTML文件时的编码格式与浏览器解析式所用的编码格式不匹配。有时英文以外的字符会产生乱码。
解决办法：保存HTML文件时的编码格式要与HTML里<head>标签中声明的编码格式要相同。
常见的浏览器有哪些，什么内核
- 微软的IE浏览器
Trident内核 - 谷歌的Chrome
Webkit内核 - 苹果的Safari
Webkit内核 - Firefox浏览器
Gecko内核 - 欧朋浏览器Opera
Presto内核 - 国内的搜狗，360，QQ浏览器等
列出常见的标签，并简单介绍这些标签用在什么场景
- 标题标签 h1~h6
h1代表页面最大的标题
h2二级标题
h3... 更弱的标题 - p标签
表示一个段落 - a标签
表示一个链接 - img标签
表示一张图片 - div标签
块级标签，用于给页面划分区块，让结构更清晰。 - ul li
无序列表标签 - ol li
有序列表标签 - dl dt dd
用于展示一系列 “标题:内容... ”的场景 - button标签
表示一个按钮 - table标签
用于展示表格 - strong和em标签
表示强调，
em 需要强调一下
strong 很重要、强调性更强
