概述
1. HTML、XML、XHTML 有什么区别?
- HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；
- XML，可扩展标记语言，主要用于存储数据和结构，可扩展；
- XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格。
2. 怎样理解 HTML 语义化？
2.1 什么是 HTML 语义化?
HTML语义化，也就是标签的语义化，指的是通过标签便能判断内容具
体语言含义。例如，浏览器可以根据h1标签判断出标签包含的内容是标
题，根据p标签可以判断出内容是段落等。
2.2 为什么要 HTML 语义化？
1. 对搜索引擎友好。
2. 更容易让屏幕阅读器读取网页内容。
3. 去掉样式或样式丢失的时候页面仍然能呈现出清晰的结构。
4. 便于团队开发和维护。
2.3 如何使 HTML 语义化？
如果内容是标题，那就应该用h1~h6标签，而不是用div，p等其他
标签；如果内容是表格，就应该用table标签,内容是表头，就应该用
thead标签，其他情况类似。总之，都是根据具体内容的语义选择合适的标
签。
2.4 需要注意的问题
- 应尽可能少的使用语义化较弱的div和span标签
- 语义不明显，可以使用p也可以使用div的情况下，尽量用p
- 不要为了样式选择标签，如font,center等，样式另用css设置
- 尽量使用html5的新标签，如header,aside,article等
3. 怎样理解内容与样式分离的原则？
内容与样式分离是w3c提倡的，这样便于后期修改和维护。总的来说，
有以下优点：
1. 使页面加载更快
由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。
相对于表格嵌套的方式的逐层加载速度快。
2. 修改设计时更有效率
在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相
应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样
式。而表格布局则更不省事。
4. 有哪些常见的meta标签?
name 属性
"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些
搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。类似这样的
meta标签可能对于进入搜索引擎的索引有帮助：
<meta name="keywords" content="HTML,ASP,PHP,SQL">
http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文
档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会
发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type
:text/html。这将告诉浏览器准备接受一个 HTML 文档。
使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添
加到发送给浏览器的内容头部。例如，添加：
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
这样发送到浏览器的头部就应该包含：
content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008
content 属性
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
5. 文档声明的作用?严格模式和混杂模式指什么? 的作用?
文档声明的作用
文档声明让浏览器明确使用哪一个HTML版本对页面进行解析。没有文档声明
或者文档声明不正确，将会导致浏览器用怪异模式解析页面。
在HTML4.01中，<!DOCTYPE> 声明引用 DTD，因为HTML4.01基于SGML。
DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5不基于 SGML，所以不需要引用 DTD。
严格模式和混杂模式指什么
严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。
混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。
如何区分：浏览器解析时到底使用严格模式还是混杂模式，与网页中的 DTD 直
接相关。
的作用
<!DOCTYPE html>，是所有可用的DOCTYPE之中最简单的，而且是HTML5
所推荐的。HTML的早期变种也属于推荐标准，不过今日的浏览器都会对这个
DOCTYPE使用标准模式，就算是已过时的Internet Explorer6也一样。目前
并没有正当的理由，去使用其他更复杂的DOCTYPE。如果你使用其他的声明，
你可能会冒着触发接近标准模式或者怪异模式的风险。
请确定你把 DOCTYPE 正确地放在 HTML 文件的顶端。任何放在DOCTYPE
前面的东西，比如批注或 XML 声明，会令 Internet Explorer 9 或更早
期的浏览器触发怪异模式。
在 HTML5中，DOCTYPE 唯一的作用是启用标准模式。更早期的 HTML 标准
会附加其他意义，但没有任何浏览器会将 DOCTYPE 用于怪异模式和标准模式
之间互换以外的用途。
6. 浏览器乱码的原因是什么？如何解决？
根本原因：文档保存时的编码格式和浏览器解析时的解码格式不匹配导致。
同时，乱码一般是英文以外的字符才会出现。
解决办法：让浏览器解码格式与文档编码格式保持一致。通常的做法就是，
在文档head标签部分添加一行代码：
<meta charset="utf-8">
7. 常见的浏览器有哪些？都是什么内核？
常见的浏览器有: Chrome, Mozilla, Safari, Opera, IE浏览器。
内核分别为：Blink, Gecko, Webkit, Blink(曾用Presto), Trident.
8. 列出常见的标签，并简单介绍这些标签用在什么场景？
- 文章
<article> - 区块
<section>,<div> - 标题
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> - 段落
<p> - 引用
<blockquote>,<q> - 超链接
<a> - 列表
- 无序列表
<ul>,<li> - 有序列表
<ol>,<li> - 自定义列表
<dl>,<dt>,<dd>
- 无序列表
- 图片
<img> - 音频
<audio> - 视频
<video> - 表格
<table>,<thead>,<tbody>,<tr>,<th>,<td> - 表单
<form>,<input>,<label>,<select>,<button><textarea> - 换行
<br> - 水平线
<hr> - 强调
<strong>,<em> - 斜体
<i>
最后
以上就是欣慰板凳为你收集整理的HTML常见面试题的全部内容，希望文章能够帮你解决HTML常见面试题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复