HTML、XML、XHTML 有什么区别
Paste_Image.png
怎样理解 HTML 语义化
根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
尽可能少的使用无语义的标签div和span；
在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；
不要使用纯样式标签，如：b、font、u等，改用css设置。
需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）；
怎样理解内容与样式分离的原则
在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构。
因此，我们应注意一下几点
- 不要写内联样式。
- 先写HTML，有了大致结构以后再写CSS。
- 尽量不用JS操纵样式，而是通过修改class来改换样式。
有哪些常见的meta标签
- <meta charset="utf-8"> utf-8 文档保存的 编码格式 ，即告诉浏览器用什么编码格式解析文档字符。
-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
如果安装了GCF，则使用GCF来渲染页面，如果为安装GCF，则使用最高版本的IE内核进行渲染。 -
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
device-width - 设备宽度 -
<meta name="keywords" content="前端 饥人谷"> <meta name="description" content="最有爱的前端学习社区">
分别是页面关键词和页面描述，方便搜索引擎搜索
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
严格模式就是使用<!doctype>标签来显式声明该用哪种方式来渲染页面，混杂模式即不加<!doctype>标签，允许浏览器使用自己的方式来渲染页面。
浏览器乱码的原因是什么？如何解决
常见的原因是浏览器没有按照文档的编码格式来解析文档。
常见的浏览器有哪些，什么内核
谷歌chrome ——webkit
IE ——Trident(IE内核)
火狐 ——Gecko(Firefox内核)
QQ浏览器/搜狗浏览器/360浏览器之类均为双内核(IE webkit)
Opera废弃原来的Presto内核，转用webkit
常见的标签，并简单介绍这些标签用在什么场景
| 标签 | 使用场景 |
|---|---|
<html>...</html> |
将所有HTML内容都包含在这个标签内 |
<head>...</head> |
用于定义文档的头部，它是所有头部元素的容器。 |
<title>...</title> |
文档的标题 |
<meta>...</meta> |
提供有关页面的元信息 |
<body>..</body> |
文档的内容 |
<h1>...</h1> |
一级标题，h1h6分别对应六级标题，从16标题一次减小 |
<p>...</p> |
整段文字 |
<a>...</a> |
定义锚，即在页面插入链接 |
<img> |
图片 |
<ul>...</ul> |
无序列表 |
<ol>...</ol> |
有序列表 |
<li>...</li> |
列表项 |
<br> |
换行 |
<div>...</div> |
定义文档中的节，默认表现为块元素 |
<span>...</span> |
定义定义文档中的节，默认表现为行内元素 |
<em>...</em> |
定义强调文本 |
<i>...</i> |
定义斜体字 |
<strong>...</strong> |
定义强调文本 |
<q>...</q> |
定义短引用 |
