-
HTML、XML、XHTML 有什么区别
HTML (HyperText Markup Language) 超文本标记语言
HTML 用相对应的标签来标记要展示的内容。语法较为松散，不严格的web语言XML (Extensible Markup Language) 可扩展标记语言
与HTML标签不同，XML的标签可以自定义，所以被称为可扩展。主要用于存储数据和结构参考。XHTML (Extensible Hypertext Markup Language) 可扩展超文本标记语言
XHTML基于XML，语法较HTML更加严格。比如必须包含一个文件头声明<!DOCTYPE>,所有元素名必须小写等等
怎样理解 HTML 语义化
根据内容选择适合的HTML标签，使用合理的代码结构，方便阅读和SEO优化。HTML标签语义化是Web网页标准化的重要一环，也是标准制定时重要的设计原则。比如HTML5新增的<article>,<nav>标签。怎样理解内容与样式分离的原则
内容指的是HTML,样式指CSS。写HTML时，重点放在HTML的结构和语义化上，让HTML能提现页面结构或者内容，然后进行 css 样式设置，减少 HTML 与 CSS 契合度（即内容与样式分离） ，写JS的时候，尽量不要用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化（即行为分离）。HTML内不允许出现属性样式，尽量不要出现行内样式。比如网页切换主题。-
有哪些常见的meta标签
-
声明页面内容编码
<meta charset="uft-8"> -
优先使用IE版本和Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -
优化移动端展示
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> -
页面关键字， 用于SEO优化
<meta name="keywords" content="html javascript"> -
页面描述，不超过150字符
<meta name="description" content="Less is more">
-
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档对象方式，告诉浏览器以何种方式进行渲染。不包含DOCTYPE或者写错了DOCTYPE将触发混杂模式。相比于标准模式，混杂模式更难适配多浏览器。<!DOCTYPE html>告诉浏览器以HTML5方式进行渲染。浏览器乱码的原因是什么？如何解决
meta tag中的charset编码与内容编码不匹配。选择正确的charset编码。常见的浏览器有哪些，什么内核
| 浏览器 | 内核 | 备注 |
|---|---|---|
| Chrome | Webkit->Blink | 市场占有率最高 |
| Firefox | Gecko | |
| IE | Trident | |
| Safari | Webkit | Webkit开源 |
| Opera | Presto->Webkit | |
| 一般国产浏览器 | Webkit + Trident |
- 列出常见的标签，并简单介绍这些标签用在什么场景
| q标签 | 应用场景 | 备注 |
|---|---|---|
| h1~h6 | 标题 | 逐级减弱 |
| p | 表示段落 | |
| a | 链接 | href属性中#表示锚点 |
| img | 图片 | alt属性备注，当图片未加载时，出现的文字 |
| div | 页面区块 | |
| ul li | unsort list 无序列表 | 可以多个嵌套 |
| ol li | order list 有序列表 | |
| dl dt dd | 展示标签：内容 | |
| button | 按钮 | |
| strong em | 表示强调 | |
| iframe | 嵌入一个页面 | 注意跨域操作 |
| table | 表格 |
