HTML基础知识点

HTML是什么，和XML、XHTML 有什么区别？

HTML（HyperText Markup Language），超文本标记语言，是语法较为松散的、不严格的Web语言；
XML（Extensible Markup Language），可扩展标记语言，主要用于存储数据和结构；
XHTML（Extensible HyperText Markup Language），可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格。

怎样理解 HTML 语义化

HTML语义化，也就是标签的语义化，指的是通过标签便能判断内容具
体语言含义。例如，浏览器可以根据h1标签判断出标签包含的内容是标
题，根据p标签可以判断出内容是段落等。
HTML 语义化可以使内容结构化，选择使用合适的标签，使代码更加规范，方便开发者阅读，利于浏览器爬虫爬取内容，利于SEO优化，方便其他设备解析，更利于后期开发及维护。

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

内容与样式分离，就是让内容的归 HTML, 样式归 CSS, 不要混着用。
HTML负责网页内容（结构）部分，样式则负责了页面的展示效果。内容与样式分离使得内容和样式各自只负责自己的部分，更重要的是分离增强了机器的可读性，使得机器能更好地理解页面内容。

有哪些常见的meta标签

mata charset：声明文档使用的字符编码。
meta http-equiv：声明文档兼容模式。
meta http-equiv="keywords" content="keyword"：设置搜索关键词。
meta name="description" content="web"：网页内容描述。
meta name="author" content="author,email address"：声明网页作者。

文档声明的作用?严格模式和混杂模式指什么? 的作用?

标签用来声明文档对象模型，用来告诉浏览器应该使用哪种方式来解析渲染页面。
严格模式就是使用标签来显式声明该用哪种方式来渲染页面，混杂模式即不加标签，允许浏览器使用自己的方式来渲染页面。
即就是声明使用HTML5来解析渲染页面。

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

浏览器出现乱码一般是由于在制作页面时使用非英文字符时，保存的编码格式与浏览器解析时的解码格式不匹配。另外，页面没有设置chartset也会发生乱码的情况。
为了解决这个问题，就要在页面保存时就在HTML的里添加来声明编码格式，来告诉浏览器应该用什么解码格式来解码，例如使用UTF-8来编码的页面，添加来告诉浏览器使用UTF-8格式来解码，就不会出现乱码了。

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

常见浏览器有IE、Chrome、Opera、Firefox和Safari。

Chrome 、Opera、Safari内核为WebKit；
IE浏览器 内核为Trident；
Firefox 内核为Gecko；
国内大多数双核浏览器内核为WebKit、Trident。

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

h1~h6：标题标签，应用于页面标题或区块标题标签，字体大小逐级减小，重要程度也逐级减小；
p：段落标签，用于文字中的段落；
a：链接标签，有href, target, title等属性，使用场景有：超链接挑战、设置页面锚点、发送电子邮件等；
img：图片标签，用于设置图片；
div：块标签，用于划分页面结构区块；
ul, li：无序列表标签，用于定义列表；
ol, li：有序列表标签，用于定义带步骤或编号列表；
dl, dt, dd：自定义列表标签，用于展示一系列的“标题，内容”等；
button：按钮标签，用于定义一个按钮；
strong和em：强调效果，strong更强烈；
iframe：用于嵌入一个页面；
table, tr, td：表格标签，用表格来展示数据时使用, tr代表行，td代表单元格；
：注释标签，用于在页面上添加注释。
需要注意的地方：
标签属性全小写
标签要闭合、自闭合标签可以省略 /
标题里不能有段落，段落里不能有标题