HTML知识点(1)

Web标准不是某一个标准，而是一系列标准的集合。网页主要由三个部分组成：结构、表现和行为。

• 结构标准语言主要包括HTML、XHTML和XML。
• 表现标准语言主要包括CSS。
• 行为标准主要包括DOM（文档对象模型）、ECMAscript。

DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对象。

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

(1).超文本标记语言 HTML(HyperText Markup Language)

• 它是一种用于创建网页的标准标记语言，而不是一种编程语言。标记语言经过浏览器的解释和编译，虽然它本身不能显示在浏览器中，但在浏览器中可以正确显示HTML标记的内容。也就是说网页浏览器可以读取HTML文件，并将其渲染成可视化网页。
• 它的语法松散，不规范，大小写混乱，不利于开发和维护。且不能使用更多的网络设备，比如手机。

(2).可扩展标记语言XML(The Extensible Markup Language)

• XML是一种能定义其他语言的语言，它是一种跨平台语言，最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，主要用于存储数据和结构参考。
• 它严格区分大小写。

(3).可扩展超文本标记语言XHTML(The Extensible HyperText Markup Language)

• 作用与HTML类似，但语法更为严谨纯洁。对于HTML的元素和属性，XHTML必须小写。XML虽然数据转换能力强大，完全可以代替HTML，但面对成千上万已有的站点，直接采用XML还为时过早，因此在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XTHML。建立XHTML的目的就是实现HTML向XML的过渡。
• xhtml文档具有良好完整的排版，体现在两方面：a、元素必须要有结束标签；b、元素必须嵌套；

2.怎样理解 HTML 语义化

• 语义化HTML是一种编写HTML的方式。根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析（有利于SEO，和搜索引擎建立良好沟通，PS：爬虫依赖于标签来却倾上下文和各个关键字的权重）。
• 语义化的目的是为了没有CSS的情况下，页面也能呈现出很好的内容结构、代码结构。

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

• HTML语言仅仅定义了网页结构，对于文本样式而没有过多的涉及，（不允许出现属性样式！）这就需要一种技术对页面布局、字体、颜色、背景和其他图文效果的实现提供更加精确的控制，这种技术就是CSS。
• 写JS的时候，尽量不要用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化。
• 如果把样式单独抽离出来，代码会得到精简和重用，清晰易读且便于维护。只要写一个class的样式，就可以同时更改多个有相同class的元素的样式；只要用一个CSS文件，就可以同时链接到多个HTML页面上啦~