The way to the font end : 你真的了解HTML吗？

html4:

<!DOCTYPE html>
<html lang="en">
  <head> 
  <meat charset="UTF-8">
   <title>Document</title>
   </head>
   <body>
        < div class="header">
            <div class="nav"></div>
        </div>
         <div class="main"></div>
        <div class="footer"></div>
    </body>
</html>

html5:

<!DOCTYPE html>
<html lang="en">
  <head> 
  <meat charset="UTF-8">
   <title>Document</title>
   </head>
   <body>
        <header>
            <nav></nav>
        </header>
        <main>
            <article>
                <section></section>
            </article>
        </main>
        <footer></footer>
    </body>
</html>

1. HTML，XML，XHTML有什么区别？

HTML: 超文本标记语言，语法较为松散，不严格的web语言；例如：单标记语言
XML：可扩展的标记语言，主要用于存于数据和结构； XTML：可扩展的超文本标记语言，基于XML，作用和HTML相类似，但语法更为严格；

2. 怎么理解HTML语义化？

语义化HTML是一种编写HTML的方式。选择合理的标签，使用合理的代码结构，便于开发者阅读，同时可以让浏览器爬虫和机器很好的解析

3. 怎么理解内容，样式分离和行为分离的原则？

HTML：代表文本内容的主题灵魂，CSS代表文本的样式，而JS则控制文本的行为

写页面的时候不要管样式，主要放在HTML语义化和结构上。让HTML能体现页面结构或者内容
写JS的时候，尽量不要用JS去直接操作样式，而是通过给元素添加删除Class来控制样式的变化
HTML内不允许出现属性样式，尽量不要出现行内样式

4. 有哪些常见的meta标签？
```
<meta charset="utf-8">
<meta http-equiv ="X-UA-Compatible" content="IE=edge, chrome=1"> //针对于双核浏览器
<meta name="viewport" content ="width=device-width ,initial-scale=1,maximum-scale=1"> 
//移动端1:1展示
<meta name="keywords" content="关键字">
<meta name="description" content="主要内容">
```
5. 文档声明的作用?严格模式和混杂模式指什么？<!doctype html> 的作用？

方便浏览器以何种的方式来渲染这个页面。严格模式就是说以html头部为例，给出严格的标准，按照这个模式进行渲染；而混杂模式则没有严格的标准，按照浏览器的意愿进行渲染页面。 <!DOCTYPE html>作用：告诉浏览器以html5的方式解析渲染这个页面

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

编码格式不正确导致的乱码。文档的编码格式：meta charset="utf-8"和文件保存的编码格式应该一致才不会出错。

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

IE的内核：Trident chrome，safari内核： webkit Opera的内核：Presto Mozilla-Firfox的内核：Gecko 国内常见的浏览器厂商：webkit或者Trident

JackWong992 / article

The way to the font end : 你真的了解HTML吗？ #7

1. HTML，XML，XHTML有什么区别？

2. 怎么理解HTML语义化？

3. 怎么理解内容，样式分离和行为分离的原则？

HTML内不允许出现属性样式，尽量不要出现行内样式

4. 有哪些常见的meta标签？

5. 文档声明的作用?严格模式和混杂模式指什么？<!doctype html> 的作用？

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

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