task4
HTML、XML、XHTML 有什么区别?
HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；
XML，可扩展标记语言，主要用于存储数据和结构参考；
XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格。
HTML标准不够规范，且浏览器包容错误，所以很多html页面其实都存在或多或少的问题。于是就有了基于XML的XHTML，执行强错误检查。
XML是包装数据的格式。json
怎样理解 HTML 语义化？
语义化就是根据内容（的结构），选择合适的标签。好处是：
- 便于开发者阅读，同时让浏览器的爬虫和机器很好地解析。
- 如果没有CSS，设备可以通过标签语义以自己的方式来渲染。
- 可读性，清晰的结构便于修改和维护。
what?
根据内容的结构（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
why?
为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；
用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；
有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重
方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
how?
尽可能少的使用无语义的标签div和span；
在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；
不要使用纯样式标签，如：b、font、u等，改用css设置。
需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）；
使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；
表单域要用fieldset标签包起来，并用legend标签说明表单的用途；
每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=someld来让说明文本和相对应的input关联起来。
怎样理解内容与样式分离的原则？
- 将 html、 css、 javascript分开存放，便于各自修改和维护管理。
- 编写一个结构清晰内容合理的html，可以在此基础上设计不同的样式。
- 当样式文件不能使用时，不会影响到html，读者仍然可以知道当前页面大概内容，并且设备还可以通过标签语义以自己的方式来渲染。
有哪些常见的meta标签？
<!-- 声明文档使用的字符编码 -->
<meta charset='utf-8'>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面关键词 -->
<meta name="keywords" content=""/>
<!-- 网页作者 -->
<meta name="author" content="name, email@gmail.com"/>
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,follow"/>
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
"
- <!DOCTYPE>声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。<!DOCTYPE>声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。
- 浏览器解析时到底使用严格模式还是混杂模式，与网页中的 DTD 直接相关。
1、如果文档包含严格的 DOCTYPE ，那么它一般以严格模式呈现。（严格 DTD ——严格模式）
2、包含过渡 DTD 和 URL的 DOCTYPE ，也以严格模式呈现，但有过渡 DTD 而没有 URL （统一资源标识符，就是声明最后的地址）会导致页面以混杂模式呈现。（有 URI 的过渡 DTD ——严格模式；没有 URL 的过渡 DTD ——混杂模式）
3、DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现。（DTD不存在或者格式不正确——混杂模式）
4、HTML5 没有 DTD ，因此也就没有严格模式与混杂模式的区别，HTML5 有相对宽松的语法，实现时，已经尽可能大的实现了向后兼容。（ HTML5 没有严格和混杂之分）
意义：严格模式与混杂模式存在的意义与其来源密切相关，如果说只存在严格模式，那么许多旧网站必然受到影响，如果只存在混杂模式，那么会回到当时浏览器大战时的混乱，每个浏览器都有自己的解析模式。
"
- 到html5，声明简化为<!doctype html>，以此标准解析代码。
浏览器乱码的原因是什么？如何解决？
浏览器出现乱码的原因是文档保存的编码格式和浏览器解析时的解码格式不匹配，一般是英文以外的字符才会出现乱码。若文档中未用 <charset> 指明编码方式，将使用编辑器默认的编码方式进行保存。
要在<meta charset="#">声明正确的编码格式。
饥人谷
常见的浏览器有哪些，什么内核?
列出常见的标签，并简单介绍这些标签用在什么场景。
- h1~h6 大小标题
- <a/> 链接
- <img/> 图片
- <button/>按钮
- <div>逻辑块、 <span>逻辑行内
- ul li; ol li
- <table/>
