初识html -- 一些关概念
HTML、XML、XHTML 有什么区别
- html即是超文本标记语言（Hyper Text Markup Language），是最早写网页的语言，但是由于时间早，规范不是很好，大小写混写且编码不规范；
- xhtml即是升级版的html（Extensible Hyper Text Markup Language），对html进行了规范，编码更加严谨纯洁，也是一种过渡语言，html向xml过渡的语言；
- xml即时可扩展标记语言（Extensible Markup Language），是一种跨平台语言，编码更自由，可以自由创建标签。
- 网页编码从html>>xhtml>>xml这个过程发展。
怎样理解 HTML 语义化
语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解. 语义化的(X)HTML文档有助于提升你的网站对访客的易用性，比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说，则有助于它们建立索引，并可能给予一个较高的权值。 事实上SEO最有效的一种办法，就是对网页的HTML结构进行重构，实质上就是语义化。
简单来说，就是根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析，什么样的内容就用什么样的标签。
怎样理解内容与样式分离的原则
内容和样式分离原则，就是将HTML文件和CSS文件分开，CSS尽量使用外联式。在 Web 开发中，就是让内容的归 HTML, 样式归 CSS, 不要混着用。这样做的好处是，方便开发人员查找并修改样式，而且咋有些情况下，能进行样式复用。也会极大的缩减html文件的大小。
有哪些常见的meta标签
| 属性 | 值 | 描述 |
|---|---|---|
| content | some_text | 定义与 http-equiv 或 name 属性相关的元信息 |
| http-equiv | content-type、expires、refresh、set-cookie | 把 content 属性关联到 HTTP 头部。 |
| name | author、description、keywords、generator、revised、others | 把 content 属性关联到一个名称。 |
| scheme | some_text | 定义用于翻译 content 属性值的格式。 |
| charset | UTF-8、ISO-8859-1等 | 声明页面所用的字符编码 |
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- 文档声明的作用
DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。 - 严格模式(又称标准模式）和混合模式
当浏览器厂商开始创建与W3C标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式（standards mode）和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如Microsoft IE 4和Netscape Navigator 4）的行为以防止老站点无法工作。 - <!doctype html> 的作用
<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
浏览器乱码的原因是什么？如何解决
浏览器出现乱码一般是由于在制作页面时使用非英文字符时，保存的编码格式与浏览器解析时的解码格式不匹配。为了解决这个问题，就要在页面保存时就在HTML的<head>里添加<meta charset="">来声明编码格式，来告诉浏览器应该用什么解码格式来解码，例如使用UTF-8来编码的页面，添加<meta charset="UTF-8">`来告诉浏览器使用UTF-8格式来解码，就不会出现乱码了。
常见的浏览器有哪些，什么内核
常见的浏览器有火狐，chrome，safari，ie，edge，360浏览器，qq浏览器，uc浏览器，遨游浏览器，搜狗浏览器，猎豹浏览器，opera浏览器等。
内核有ie的Trident，chrome和saferi用的WebKit内核，火狐用的Gecko内核，oprea用的Presto内核
列出常见的标签，并简单介绍这些标签用在什么场景
| 标 签 | 使用场景 |
|---|---|
<html>...</html> |
定义了文档的开始点和结束点 |
<head>..</head> |
定义文档的头部，其中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等 |
<title>..</title> |
定义文档标题 |
<meta>..</meta> |
提供有关页面的元信息 |
<body>..</body> |
定义文档的主体，包含文档的所有内容 |
<a>..</a> |
定义超链接 |
<img> |
图片 |
<h1>-<h6> |
定义标题 |
<p>..</p> |
段落 |
<ul>..</ul> |
定义无序列表 |
<ol>..</ol> |
定义有序列表 |
<li>..</li> |
定义列表项目 |
<div>..</div> |
定义文档中的分区或节 |
<em>..</em> |
强调 |
<strong>..</strong> |
语气更强的强调 |
<span>..</span> |
定义文档中的一小节 |
<br /> |
换行 |
<table>..</table> |
定义表格 |
<tr>..</tr> |
定义表格中的行 |
<hr /> |
创建一条水平线 |
