html基础知识扫盲

1.HTML、XML、XHTML 的区别

HTML：是HyperText Markup Language的简称，即超文本标记语言，是最早写网页的语言，但是由于时间早，规范不是很好，如大小写混写且编码不规范。
XML：是Extensible Markup Language的简称，即可扩展标记语言，主要用于存储数据和结构，可扩展。编码上起始和结束的标签相匹配，嵌套标签不能相互嵌套，区分大小写。
XHTML：是Extensible Hyper Text Markup Language的简称，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格，针对HTML进行了规范，编码更加严谨。

2怎么理解.HTML语义化

根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析

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

HTML负责内容，CSS负责样式（可视化），JavaScript负责交互。简单来将，html构造了人的骨架，css负责修改的外貌，js就是负责躯干运动。尽量不要把CSS代码内联进HTML代码里，而是用link引入CSS，这样更方便维护HTML与CSS代码，JS改变CSS也尽量通过增删class的方式。

4.常见的meta标签

meta元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词；<meta> 标签位于文档的头部，不包含任何内容；<meta> 标签的属性定义了与文档相关联的名称/值对。
meta标签有两个常见的属性，分别是http-equiv属性和name属性：

<!-- 声明编码方式 -->
<meta charset='utf-8' />
<!-- 优先使用IE最新版本和Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。 -->
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<!-- 页面关键词 -->
<meta name="keywords" content="关键词1,关键词2,..." />

5.文档声明的作用？严格模式和混杂模式？<!doctype html> 的作用？

文档声明用来告知浏览器当前文档所使用的HTML或XHTML规范，便于浏览器解析页面
严格模式指在文档开头明确申明了文档类型，整个页面只有这一种文档类型；混杂模式指文档开头不明确申明，由浏览器来自行判断页面的文档类型，可以兼容各类型。
<!doctype html>是用来声明当前文档为html5

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

乱码的原因：一般是文档没有声明自身的编码导致浏览器错误地使用了与文档不同的解码方式，从而导致内容无法正常显示
解决方法：记得声明编码方式，并在保存的时候选择同样的编码方式

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

浏览器内核主要指的是浏览器的渲染引擎，浏览器内核主要指的是浏览器的渲染引擎，2013 年以前，代表有 Trident（IE），Gecko（Firefox），Webkit（Safari Chrome 等）以及 Presto（Opera)
IE浏览器——Trident内核
chrome浏览器——WebKit内核
FireFox浏览器——Gecko内核
Opera浏览器——Presto内核
Safari浏览器——WebKti内核
国产浏览器——所谓的双内核，就是指Trident和WebKit

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

html,根标签，包括整个网页
head,头部标签
body,主体标签
h1~h6，标题
p，段落
a，链接
img，图片
div，语义为“一大块”，用于给页面划分区块，让结构更清晰
ul li ，无需列表
ol li，有序列表
dl dt dd，定义列表
table thead tbody tfoot tr td，表格相关标签
em，strong ，强调，着重，后者强调性更强
span,行内分区元素，最简单的inline元素（常用于为元素分组、页面布局）
iframe，用于嵌入一个页面注意跨域操作问题

最后编辑于：2017.12.08 18:33:39