HTML知识点
-
HTML、XML、XHTML 有什么区别？
HTML：超文本标记语言，其语法较为松散，即使出现书写错误，浏览器仍会运行。
XML：可扩展标记语言，被设计用来传输和存储数据，是HTML的补充。
XHTML：可扩展超文本标记语言，语法要求更加严格，作用于HTML类似。 -
怎样理解 HTML 语义化？
根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和，同时让浏览器的爬虫和机器很好地解析。语义 Web 技术有助于利用基于开放标准的技术，从数据、文档内容或应用代码中分离出意义。 -
怎样理解内容与样式分离的原则？
内容与样式分离具体是指：HTML只负责页面的结构、内容，而CSS只负责页面的样式，尽量避免在HTML中使用font、color等设置样式的属性。这样做的好处是便于对页面的样式进行修改和优化。 -
有哪些常见的meta标签？
- <meta http-equiv="Content-Type" content="text/html;charset=gb_2312-80">和<meta http-equiv="Content-Language" content="zh-CN">用以说明主页制作所使用的文字以及语言。
- <meta http-equiv="Refresh" content="n;url=http://yourlink">定时让网页在指定的时间n内，跳转到你的页面。
- <meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。
- <meta http-equiv="Pragma" content="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出。
- <meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。
- <meta http-equiv="Pics-label" content="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的。
- <meta http-equiv="windows-Target" content="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用。
- <meta http-equiv="Page-Enter" content="revealTrans（duration=10,transition= 50）">和<meta http-equiv="Page-Exit" content="revealTrans（duration=20，transition=6）">设定进入和离开页面时的特殊效果，这个功能即FrontPage中的"格式/网页过渡"，不过所加的页面不能够是一个frame页面。
-
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明用来说明web设计中所用的html或xhtml的类型，指出浏览器或者其他阅读程序按照什么样的规则集去解释文档中的标记。
在严格模式中，浏览器以其支持的最高标准呈现页面；
在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
<!doctype html> 的作用是指定使用HTML5渲染页面。 -
浏览器乱码的原因是什么？如何解决？
乱码的原因是：页面的开发者保存页面代码时使用的编码格式与浏览器解析代码时使用的编码格式不同。当页面内容为英文时，编码格式差异不大，一般不会出现此类问题。当页面内容为中文时，则需要使用<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />（HTML4）或<meta charset= utf-8 />（HTML5）来指定编码格式。 -
常见的浏览器有哪些，什么内核？
使用Trident内核的浏览器：IE、Maxthon、TT、The World等；
使用Gecko内核的浏览器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey；
使用Presto内核的浏览器：Opera7及以上版本；
使用Webkit内核的浏览器：Safari、Chrome。
常用的浏览器还有：360安全浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等。 -
列出常见的标签，并简单介绍这些标签用在什么场景？
Paste_Image.png
