HTML相关知识

1. HTML、XML、XHTML 有什么区别?

• HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；

• XML，可扩展标记语言，主要用于存储数据和结构参考；
• XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格参考。
• 其中XHTML 与 HTML 之间的差异
  • 最主要的不同：
  1. XHTML 元素必须被正确地嵌套。
  2. XHTML 元素必须被关闭。
  3. 标签名必须用小写字母。
  4. XHTML 文档必须拥有根元素。
• 参考 XHTML 与 HTML 之间的差异

2.怎样理解 HTML 语义化?

语义化HTML是一种编写HTML的方式,选择合适的标签
使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好地解析。

3. 怎样理解内容与样式分离的原则?

写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容,之后再去写样式。
写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化
HTML 内不允许出现属性样式，尽量不要出现行内样式

• 为什么要语义化？
• 有利于SEO(SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化);
• 有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重;
• 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构,方便其他设备的解析,便于团队开发和维护

4. 有哪些常见的meta标签?

标签永远位于 head 元素内部

meta常见属性

来自http://www.runoob.com/

5. 文档声明的作用?严格模式和混杂模式指什么? 的作用?

文档声明作用
总是给您的 HTML 文档添加 声明，确保浏览器能够预先知道文档类型。

严格模式和混杂模式指什么

• JavaScript 严格模式（strict mode）即在严格的条件下运行。
  使用 "use strict" 指令
  "use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。
  它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。
  "use strict" 的目的是指定代码在严格条件下执行。
  严格模式下你不能使用未声明的变量。
  严格模式声明
  严格模式通过在脚本或函数的头部添加 "use strict"; 表达式来声明。

• 为什么使用严格模式:
  消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
  消除代码运行的一些不安全之处，保证代码运行的安全；

提高编译器效率，增加运行速度；
为未来新版本的Javascript做好铺垫。
例子:

在函数内使用 "use strict" 只在函数内报错。

浏览器按下 F12 开启调试模式，查看报错信息。