前端学习之html相关概念

HTML

1. DOCTYPE 的作用是什么？2. 标准模式与兼容模式各有什么区别？3.SGML 、 HTML 、XML 和 XHTML 的区别？4.空元素定义5.你是如何理解语义化的？

1. DOCTYPE 的作用是什么？

标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。 声明必须是 HTML 文档的第一行，位于 < html> 标签之前。 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

2. 标准模式与兼容模式各有什么区别？

标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。简单的说，就是尽可能的显示能显示的东西给用户看。严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码，呈现页面

3.SGML 、 HTML 、XML 和 XHTML 的区别？

SGML : 标准通用标记语言(Standard Generalized Markup Language )现时常用的超文本格式的最高层次标准，是可以定义置标语言的元语言。

XML ：是SGML的一个精简的子集，只有SGML 20%的标记，能完成80%的功能,只关心数据以及它的结构的本身，是普遍的数据存储，操作，和传输的工具。

XML 的特点：可扩展性，允许用户自定义标记和文档结构，以便于结构化的描述自己领域的信息，提供处理数据的最佳方式。

XML的优点： 1.实现不同数据源之间的数据交换和传输（跨平台：一种数据只要将他的数据表示为xml格式，就能被另外的数据源有效的识别，如Oracle SQl server Mysql）。对xml的数据的处理已经是常规数据库管理的一部份。 2.数据内容和表现形式的分离（是XML的数据易读，无缝集成不同数据源的数据的数据。便于信息的检索，可根据标记查找。） 3.支持不同的文字，不同语种之间的交互（xml依赖unicode 标准，支持所有语言的文字编码，跨品台，跨语种，跨文化的网络语言，实际上它不限于网络） 4.元语言

HTML：是SGML的一个应用,html关注的是浏览器上的显示效果。

XHTML：是用xml重新定义的HTML语言,更加严禁，跨平台，兼容性好，如手机，各浏览器。

HTML与XHTML之间的差别，粗略可以分为两大类比较： 1.是功能上的差别（主要是XHTML可兼容各大浏览器、手机以及PDA；并且浏览器也能快速正确地编译网页。） 2书写习惯的差别（XHTML的语法较为严谨，所以如果你是习惯松散结构的HTML编写者，那需要特别注意XHTML的规则）

4.空元素定义

HTML元素的内容是开始标签与结束标签之间的内容。而某些 HTML 元素具有空内容。那些含有空内容的HTML元素，就是空元素。空元素是在开始标签中关闭的 常见的空元素： <br> <hr> <img> <input> <link> <meta>

不常用的空元素：

<area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>

5.你是如何理解语义化的？

语义化，就是通过HTML标签来表示页面包含的信息。其中有HTML标签的语义化和CSS命名的语义化。HTML标签语义化的的含义是： 通过使用含有语义的标签（如h1~h6，aside）来表示文档结构。CSS语义化的含义是：为HTML标签添加有意义的class和id来补充未表达的语义。为什么需要语义化 结构清晰。便于维护。 盲人可以用阅读器来阅读。 使搜索引擎更好的抓取网页。利于收录。