HTML的基本知识

1.HTML、XML、XHTML 有什么区别

1. html 超文本标记语言（Hyper Text Markup Language），是最早写网页的语言，但是由于时间早，规范不是很好，大小写混写且编码不规范；
2. xml 可扩展标记语言（Extensible Markup Language），是一种跨平台语言，编码更自由，可以自由创建标签；
3. xhtml 升级版的html（Extensible Hyper Text Markup Language），对html进行了规范，编码更加严谨纯洁，也是一种过渡语言，html向xml过渡的语言；

区别

1. xhtml对比与html，xhtml文档具有良好完整的排版，体现在两方面：a、元素必须要有结束标签；b、元素必须嵌套；
2. 对于html的元素和属性，xhtml必须小写，因为xml是严格区分大小写的；
3. xhtml的属性值必须在引号之中；

2.什么是语义化的 HTML

1. 用正确的标签桌正确的事；
2. HTML语义化就是让页面内容结构化，便于对浏览器，搜索引擎解析;
3. 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解；

3.怎样理解内容和样式分离的原则

1. 结构和样式的分离使得批量改变样式变得更加方便；
2. 可以提高搜索引擎的搜索效率，我们检索内容的时候往往是不考虑样式的；

4.有哪些常见的meta标签

<meta charset="utf-8">
使用utf-8的编码方式
<meta http-equiv="refresh" content="0;url=" />
页面重定向和刷新：content内的数字代表时间（秒），既多少时间后刷新。如果加url,则会重定向到指定网页。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
优先使用 IE 最新版本和 Chrome。
<meta http-equiv="Pragma" content="no-cache">
禁止浏览器从本地计算机的缓存中访问页面内容：这样设定，访问者将无法脱机浏览。
<meta name="keywords" content="your tags" />
页面关键词，每个网页应具有描述该网页内容的一组唯一的关键字。

5.文档声明的作用？

文档声明是为了避免浏览器把页面判断成混乱模式用的。因为浏览器并不知道你是html还是xml,所以通过DTD通知浏览器。

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

乱码是因为HTML在文本编辑阶段的编码方式和在被浏览器上被解释执行时的解码方式不一致导致的。而乱码主要是中文乱码。

设置HTML编码格式：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
或者
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
浏览器解码方式设置
在chrome浏览器中的设置方式如下：菜单栏>>更多工具>>编码

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

<span> </span> 行内分区元素，最简单的inline元素，没有任何的显示效果，需要CSS样式去实现效果。span直译为“跨距”，但是不好理解，所以在实际的使用中不去翻译。必须要配合CSS和JS才会有效果。

<div> </div> 元素分组，division（分组）的缩写为div，在页面布局中经常会用到，block元素，跟p不一样，p元素上下是有间距的，最简单的区块元素，只是用来将指定的内容放在一个区块中。

<img src=”图片的路径” /> 实际上不是将一张图片嵌入到网页中，而是通知服务器发起一个图片请求（get），请求服务器找到图片并且加载，其中还有img还有几个属性：width:像素和百分比、height、alt：若图片无法显示时显示的文字、title：鼠标悬停时显示的文字，inline元素。

a标签 链接