HTML、XML、XHTML 有什么区别
- HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；
- XML，可扩展标记语言，主要用于存储数据和结构参考；
- XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格参考。
怎样理解 HTML 语义化
- 语义化HTML是一种编写HTML的方式
选择合适的标签、使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好地解析。
怎样理解内容与样式分离的原则
- 浏览器加载网页页面速度变快。分离原则下，大部分页面代码写在了CSS当中，页面体积容量变得更小。
网页修改设计时，效率、省时。根据html标签内ID或class的标记，到CSS里找到相应的ID或class，可以快速替换指定位置的样式，不会破坏页面架构和其他部分的样式。
典型的应用就是网页换肤，使用相同的 html 结构，不同的 css 样式。
更好地被搜索引擎收录。基于内容与样式分离的原则，html的语义化就是首要考虑的,网页中语义化的标签代码就会更加适合搜索引擎。
css样式的分离，它可以根据不同的浏览器，达到显示效果的统一。保证网页架构不变形的前提下，放心在不同浏览器渲染显示样式。
有哪些常见的meta标签
-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="前端 饥人谷">
<meta name="description" content="最有爱的前端学习社区">
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- <!DOCTYPE>声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。<!DOCTYPE>声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。
- 严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。
混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。 - html5标准网页声明
浏览器乱码的原因是什么？如何解决
-
1，IE字库没有安装完全，所以在浏览时如果没有相对应的语言字库会出现乱码。
2，编码－自动选择没有打开，总是以一种编码在浏览网页。
3，自动选择打开了，但突然从一个编码网页跳到另一个，IE无法自动选择。
4，网页制作时编码设置错误，自动选择打开就会出现乱码。
解决方法：改变浏览器的编码，点击编码后，选择合适的编码。
常见的浏览器有哪些，什么内核
-
1，使用Trident的是internet explorer，国产的绝大部分浏览器。Trident是就是ie内核
2，使用Gecko的是Mozilla Firefox，使用 Gecko 内核的浏览器也有不少，如 Netscape MozillaSuite/SeaMonkey 等
3，使用Presto的是opera，这是目前公认网页浏览速度最快的浏览器内核
4，使用WebKit的有苹果的safari，谷歌的chrome，还有国产的大部分双核浏览器其中一核就是WebKit
列出常见的标签，并简单介绍这些标签用在什么场景
(1)dl dt dd ...：用于展示一系列标题内容的场景
代码：
显示：
Paste_Image.png
(2)ul li和ol li： ul li 是无序列表, ol li是有序列表
代码如下：
<ul>求职 <li>智联招聘</li> <li>前程无忧</li> <li>51job</li> <li>拉勾网</li> </ul> <ol>前端 <li>javascript</li> <li>html</li> <li>css</li> </ol>
效果是：
Paste_Image.png
(3)button：按钮标签
(4)strong,em,span
em：强调
strong：很重要，强调性更强（比em）
span：修饰一段文字，可以对一个元素内的文字的一部分加上 不同的颜色等css样式
(5)h1,h2...h6：不同级别的标签
(6)p：段落，表示一段文字
(7)a：表示链接，链接到一个地址
跳转到一个网页地址：href是地址，target打开方式，title是光标移动到a标签上后的提示文字<a href="http://www.jirengu.com/app/watch/1340/1?vsum=12"target="_blank" title="It's title!">饥人谷视频</a>
焦点跳到指定id的标签：'#' 后面就是id<a href="#id">点这里焦点将跳转到指定Id的标签</a>
(8)img：展示一张图片
src：图片地址
alt：图片加载失败后提示的文字
(9)div：用于给页面划分区块，让结构更清晰
(10)iframe：用于嵌入一个页面
