HTML基础
一、HTML、XML、XHTML 有什么区别
什么是 HTML？
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
什么是XML
- XML指的是可扩展标记语言
- 主要用于存储数据和结构
- XML没有预标签，需要自定义
什么是 XHTML？
- XHTML 指的是可扩展超文本标记语言
- XHTML 与 HTML 4.01 几乎是相同的
- XHTML 是更严格更纯净的 HTML 版本
- XHTML 是以 XML 应用的方式定义的 HTML
二、怎样理解HTML语义化
语义化 HTML 就是选择合适的标签、使用合理的代码结构来编写HTML的方式，使代码更具可读性，也使得浏览器的爬虫和机器能对代码更好地解析。
要实现HTML的语义化，就要求开发者掌握常用的HTML标签，理解各种标签所代表的含义，在不同的场景能使用合适的标签，尽量不使用没有语义信息的标签。
语义化带来的是更清晰的页面结构，当样式丢失的时候，也能让页面呈现清晰的结构，增强页面的可读性。
支持更多的设备：屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页。 如果你使用的含语义的标记，屏幕阅读器会根据你的标签来判断网页的内容，而不是一个字母一个字母的拼写出来。
便于团队开发和维护：在团队中大家都遵循同一个标准，可以减少很多差异化的东西，方便开发和维护，提高开发效率，甚至实现模块化开发。
三、怎样理解内容与样式分离的原则
Html指的是结构；CSS指的是样式；JavaScript指的是行为。
写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
HTML 内不允许出现属性样式，尽量不要出现行内样式。
写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
四、有哪些常见的meta标签
标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School
必要属性
| 属性 | 值 | 描述 |
|---|---|---|
| content | some text | 定义与http-equiv或name属性相关的元信息。 |
可选属性
| 属性 | 值 | 描述 |
|---|---|---|
| http-equiv | content-type / expire / refresh / set-cookie | 把content属性关联到HTTP头部。 |
| name | author / description / keywords / generator / revised / others | 把 content 属性关联到一个名称。 |
| content | some text | 定义用于翻译 content 属性值的格式。 |
五、文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
1、<!DICTYPE>声明位于文档中的最前面，处于<html>标签之前，告诉浏览器的解析器，用什么文档类型来规范解析这个文档。
2、严格模式的排版和js运作模式是以该浏览器支持的最高标准运行。
3、在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。
4、DOCTYPE不存在 或格式不正确会导致文档以混杂模式呈现
六、浏览器乱码的原因是什么？如何解决
浏览器出现乱码一般是由于在制作页面时使用非英文字符时，保存的编码格式与浏览器解析时的解码格式不匹配。为了解决这个问题，就要在页面保存时就在HTML的<head>里添加<meta charset="">来声明编码格式，来告诉浏览器应该用什么解码格式来解码，例如使用UTF-8来编码的页面，添加<meta charset="UTF-8">`来告诉浏览器使用UTF-8格式来解码，就不会出现乱码了。
七、常见的浏览器有哪些，什么内核
| 浏览器 | 内核 |
|---|---|
| Internet Explorer | IE内核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chromr | Webkit |
| 国内大部分浏览器 | IE内核 |
八、列出常见的标签，并简单介绍这些标签用在什么场景
| 标签 | 场景 |
|---|---|
head标签 |
head标签是页面的“头部”， 一般来说，只有6个标签能放在<head>标签内：<title>、<meta>、<link>、<style>、<script>、<base> |
body标签 |
body标签是页面的“身体” |
h1~h6标签 |
设置不同的标题 |
p标签 |
使用p标签来标记一段文字 |
<br/>标签 |
换行 |
<div>标签 |
主要用来为HTML文档内大块的内容提供结构和背景 |
<ul>标签 |
无序列表 |
<ol>标签 |
有序列表 |
<form>标签 |
设置一个表单 |
<img>标签 |
设置一个图像 |
