1. HTML、XML、XHTML 有什么区别
HTML即是超文本标记语言(Hyper Text Markup Language),是最早编写网页的语言,但是由于时间早,规范不是很好,大小写混写且编码不规范;
XHTML即是升级版的HTML(Extensible Hyper Text Markup Language),对HTML进行了规范,编码更加严谨纯净,是一种过渡语言,HTML向XML过渡的语言;
XML 指可扩展标记语言(EXtensible Markup Language),是一种跨平台语言,编码更自由,可以自由创建标签。
HTML与XHTML之间的区别:
1、XHTML对比与HTML,XHTML文档具有良好完整的排版,体现在两方面:a、元素必须要有结束标签;b、元素必须嵌套;
2、对于HTML的元素和属性,XHTML必须小写,因为XML是严格区分大小写的,<li>和<LI>是不同的标签;
3、XHTML的属性值必须在引号之中;
4、XHTML不支持属性最小化,什么是属性最小化了?
正确: 非最小化属性(unminimized attributes)
<input checked="checked">
不正确: 最小化属性(minimized attributes)
<input checked>
5、 在XHTML中,name属性是不赞成使用的,在以后的版本中将被删除。
2. 怎样理解 HTML 语义化
- 什么是语义化的HTML?
语义化的HTML就是正确的标签做正确的事情,能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。
- 为什么要做到语义化?
1、有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。
2、在没有CSS的时候能够清晰的看出网页的结构,增强可读性。
3、便于团队开发和维护,语义化的HTML可以让开发者更容易的看明白,从而提高团队的效率和协调能力。
4、支持多终端设备的浏览器渲染
3. 怎样理解内容与样式分离的原则
所谓内容与样式分离,就是由HTML来管理内容和网页结构 , 文本样式由 CSS来管理。不分离的话,不但不利于网页的修改,而且还让网页内容不能够很好的展现于搜索引擎之下,也不利于SEO。
4. 有哪些常见的meta标签
<meta name="keywords" content=""> //向搜索引擎说明你的网页的关键词
<meta name="description" content=""> //告诉搜索引擎你的站点的主要内容
<meta name="author" content="你的姓名"> //告诉搜索引擎你的站点的制作的作者
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> //指定字符集
<meta http-equiv="refresh" content="n;url="> //定时让网页在指定的时间n内跳转
<meta http-equiv="expires" content="SAT,27 May 2017 00:20:00 GMT"> //可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式
<meta http-equiv="pragma" content="no-cache"> //禁用缓存
<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT"> //cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式
5. 文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。 - 严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。
混杂模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码。
6. 浏览器乱码的原因是什么?如何解决
造成网页乱码原因主要是网页内中文字内容与网页的编码不同或者浏览器不能自动检测网页编码,造成网页乱码
解决办法:在meta标签中指定charset为页面编码的方式,这样浏览器就能自动读取,从而采用正确的解码方式
7. 常见的浏览器有哪些,什么内核
Trident内核:代表产品Internet Explorer,又称其为IE内核
Gecko内核: 代表作品Mozilla Firefox
WebKit内核:代表作品Safari、Chrome
Presto内核:代表作品OperaPresto
8. 常见的标签,并简单介绍这些标签用在什么场景
内容详细标签:
<h1>~<h6>标题标签
<u>下划线(underline)
<i>斜体字(italics)
<em>强调文本通常为斜体
<strong>加重文本,通常为黑体
<font>设置字体、字体大小、颜色等
<big><small>字体变大和字体变小
<del>加删除线
<blockquote>块引用,通常是缩进
<sup>上标
<sub>下标
<br>换行
<hr>水平线
列表标签:
<dl>、<dt>和<dd>是定义列表的标签
<ul>和<li>无序列表
<ol>和<li>有序列表
表格标签:
<table>、<tbody>、<tr>、<th>和<td>