关于HTML

HTML、XML、XHTML 有什么区别

• HTML：超文本标记语言（HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件，并将其渲染成可视化网页

• XHTML：可扩展超文本标记语言（eXtensible HyperText Markup Language，简称：XHTML），是一种标记语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。基于HTML的基础上进行了扩展和规范，让XHTML更加严格，主要目的是促进HTML向XML过渡。

• XML：可扩展标记语言（Extensible Markup Language，简称：XML），是一种标记语言，很类似HTML。XML的设计宗旨是传输数据，而非显示数据，XML的标签没有被预定义，您需要自行定义标签。XML 被设计为具有自我描述性，是 W3C 的推荐标准。

• 主要区别：
  XML 被设计用来传输和存储数据，而 HTML 则用来显示数据。
  XHTML 是 HTML 与 XML（可扩展标记语言）的结合。
  XHTML 包含了所有与 XML 语法结合的 HTML 4.01 元素。

怎样理解 HTML 语义化

• 语义化的含义就是用正确的标签做正确的事情，HTML语义化是指根据内容的结构选择合适的标签，也就是根据网页内容将代码语义化。HTML标签语义化是Web网页标准化的重要一环，也是标准制定时重要的设计原则。HTML5中新增加的很多标签（如：
  、

  、

  和

  等）就是基于这样的设计原则。

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

• 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。HTML负责网页内容（结构）部分，样式则负责了页面的展示效果。内容与样式分离使得内容和样式各自只负责自己的部分，消除两者的耦合。更重要的是分离增强了机器的可读性，使得机器、网络爬虫能更好地理解页面内容。

有哪些常见的meta标签？

• meta标签共有两个属性，分别是http-equiv属性和name属性。
  1.name属性
  name属性主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。meta标签中name属性语法格式是：
  

• keywords(关键字)
  说明：用于告诉搜索引擎，你网页的关键字。举例：
  

• description(网站内容的描述)
  说明：用于告诉搜索引擎，你网站的主要内容。举例：
  

• viewport(移动端的窗口)
  说明：这个属性常用于设计移动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。举例：
  

2.http-equiv属性

• http-equiv顾名思义，相当于http的文件头作用。

meta标签中http-equiv属性语法格式是：

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

文档声明的作用

文档声明是为了告诉浏览器，你的 HTML 文档是用的什么版本的 HTML 来写的，这样浏览器才能按照你声明的版本来正确的解析你的 HTML 文档。

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

• 严格模式（推荐）现在也称为标准模式，在该模式下，浏览器会严格按照 HTML 和 CSS 标准来解析、渲染你的文档。
• 混杂模式（不推荐）的由来是一个历史问题。在互联网早期，网页一般写成两个版本：一个写给网景公司的 Navigator浏览器，一个写给微软公司的IE浏览器。当W3C制定了 Web 标准后，这两个浏览器不能马上开始按标准来解析渲染页面，因为这样会破坏当时大部分页面的显示效果。所以各浏览器就引入了混杂模式，在该模式下，浏览器会模拟Navigator 4和IE5的非标准行为来解析渲染页面，这样做就是为了兼容在W3C标准出现之前就存在的那些“不标准”的页面。

的作用

的作用就是让浏览器进入标准模式，使用最新的 HTML5标准来解析渲染页面；如果不写，浏览器就会进入混杂模式，而这是我们要避免的。

浏览器乱码的原因是什么？如何解决

产生乱码的原因：

1.比如网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是gbk也会出现乱码。
2.html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码。
3.浏览器不能自动检测网页编码，造成网页乱码。

解决方法：

1.使用软件进行编辑HTML网页内容
2.如果网页设置编码是gbk的，而数据库储存数据编码格式是UTF-8的，这个时候程序查询数据库数据显示数据前进程序转码即可。
3.如果浏览器浏览时候出现网页乱码，在浏览器中找到转换编码的菜单进行转换。

常见的浏览器有哪些，什么内核

常见浏览器	内核
Internet Explorer	IE内核
Firefox	Gecko
Opear	Presto
Safari	Webkit
Chrome	Blink

列出常见的标签，并简单介绍这些标签用在什么场景

根标签，所有的网页标签都在中。

标签用于定义文档的头部，它是所有头部元素的容器。

和
标签之间的内容是网页的主要内容

~

一级标题到六级标题

用于文字的段落，占一行

标签是没有语义的，它的作用就是为了文字设置单独的样式用的。



换行标签，自闭合标签

标签内的文字会变成斜体

无序列表

有序列表

标签是没有语义的，将元素包裹的一个容器，常用于对一个模块设置样式用。

表格标签，用于制作表格

用于打包form内的表单数据。

用于插入图片，自闭合标签。

超链接标签，用于跳转网页，自闭合标签。