HTML的简单认识

HTML是什么?

HTML 是用来描述网页的一种语言，是最早写网页的语言，但是由于时间早，规范不是很好，大小写混写且编码不规范；

1.HTML 指的是超文本标记语言 (Hyper Text Markup Language)
2.HTML 不是一种编程语言，而是一种标记语言 (markup language)
3.标记语言是一套标记标签 (markup tag)
4.HTML 使用标记标签来描述网页

HTML 文档 = 网页

1.HTML 文档描述网页
2.HTML 文档包含 HTML 标签和纯文本
3.HTML 文档也被称为网页

XHTML 是什么？

XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language），即是升级版的html，对html进行了规范，编码更加严谨纯洁，也是一种过渡语言，html向xml过渡的语言

XHTML 的目标是取代 HTML。

1.XHTML 与 HTML 4.01 几乎是相同的。
2.XHTML 是更严格更纯净的 HTML 版本。
3.XHTML 是作为一种 XML 应用被重新定义的 HTML。
4.XHTML 是一个 W3C 标准。

XML是什么?

可扩展标记语言,标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。XML是一种类似于HTML的标记语言，XML是用来描述数据的，XML的标记不是在XML中预定义的，你必须定义自己的标记，XML使用文档类型定义(DTD)或者模式(Schema)来描述数据，XML使用DTD或者Schema后就是自描述的语言，XML（eXtensibleMarkupLanguage）是可扩展标记语言，它与HTML一样，都是处于SGML，标准通用语。是一种跨平台语言，编码更*，可以*创建标签。

网页编码从html>>xhtml>>xml这个过程发展。

html与xhtml之间的区别：

1、xhtml对比与html，xhtml文档具有良好完整的排版，体现在两方面：a、元素必须要有结束标签；b、元素必须嵌套；
2、对于html的元素和属性，xhtml必须小写，因为xml是严格区分大小写的，<li>和<LI>是不同的标签；
3、xhtml的属性值必须在引号之中；
4、在xhtml中，name属性是不赞成使用的，在以后的版本中将被删除。

再说说为什么网页编码要从html>>xhtml>>xml这么发展？话说早起的网页使用html语言编写的，但是它拥有三个严重的缺点：

 1、编码不规范，结构混乱臃肿，需要智能的终端才能很好的显示；
 2、表现和结构混乱，不利于开发和维护；
 3、不能使用更多的网络设备，比如手机、PDA等；

因此HTML需要发展才能解决这个问题，于是W3C又制定了XHTML，XHTML是HTML向XML 过度的一个桥梁。而xml是web发展的趋势。

怎么理解语义化HTML

  语义化HTML是一种编写HTML的方式
  选择合适的标签、使用合理的代码结构，便于开发者阅读，同时浏览器的爬虫和机器很好地解析。
  语义化的主要目的在于，直观的认识标签(markup)和属性(attribute）的用途和作用。
  可以概括为：用正确的标签做正确的事情。     
  html语义化可以让页面的内容结构化，便于浏览器解析，便于搜索引擎解析，并提高代码的可维护
  度和可重用性。
  比如，尽可能少的使用无语义的标签div，使用结构化标签<header>、<section>、<footer>。

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

写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让HTML 能体现页面结构或者内容。之后再去写样式。　　　　　　　　
写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
文档结构与文档样式的分离可以确保网页的平稳退化，也让内容和样式在可以分开独立编辑。

转载于:https://www.jianshu.com/p/c71d411bd17e