HTML知识点

1.HTML、XML、XHTML有什么区别

    HTML：超文本标记语言，是用来描述和定义网页标记的语言。HTML标签都是预定义的，HTML是一种语法形式比较松散的标记语言语法要求也不严格，比如大小写混用、标签不闭合、属性值是否加引号等。

    XML： 可扩展标记语言，就是给一个文件加一堆标签，说明每段文字是干什么的，有什么意义。这样的目的是方便存储、传递、分享数据。XML可以自定义标签。

    XHTML：可扩展超文本标记语言，以XML的语法形式来写HTML。XHTML为HTML的严格语法形式。

2.怎样理解HTML语义化

     语义化的含义就是用正确的标签做正确的事情，HTML语义化是指根据内容的结构选择合适的标签，也就是根据网页内容将代码语义化。

    检验标准：浏览器会对语义化的标签设置默认的样式，验证页面是否语义化的一个简单方式就是去掉CSS样式后页面是否还能正常阅读。

    优点：(1) 有利于搜素引擎以及爬虫工具等更容易读懂页面代码。(2) 在没有CSS样式的情况下也能更好地呈现页面结构和代码结构。(3) 便于团队开发和维护。(4) 便于开发者阅读和写出更优雅的代码。

3.怎样理解内容与样式分离的原则

一个网页分为三部分：HTML(内容)、CSS(样式)，JavaScript(行为)。

写HTML的时候先不管样式，重点放在HTML的结构和语义化上，让HTML能体现页面结构或内容，然后进行CSS样式设置，减少HTML与CSS的契合度(即内容与样式分离)，写JS的时候尽量不要用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化(既行为分离)。

优点：(1)浏览器加载网页页面速度加快。(2)网页修改设计时，效率、省时。(3)更好的被搜素引擎收录。(4)css样式的分离，可以根据不同的浏览器，达到显示效果的统一。

4.有哪些常见的meta标签

     

     

     

     

     

5.文档声明的作用?严格模式和混杂模式指什么?的作用?

       文档声明的为了告诉浏览器，用的什么版本的HTML来写的，这样浏览器才能按照声明的版本来正确解析HTML文档。

        严格模式也称为标准模式，使用标签，浏览器按照声明的版本来解析文档；混杂模式就是不使用标签，浏览器使用自己的方式解析文档。

        作用是让浏览器进入标准模式，使用HTML5来解析渲染页面。

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

      乱码的原因是保存的编码格式与浏览器解析时解码格式不匹配导致的；解决方法：HTML文档一定要指定字符集为utf-8。

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

     常见的浏览器有IE、Chrome、Opera、Safari、360(安全、极速)、百度、搜狗、QQ、UC

     常见的内核：Trident、Geckos、 Presto、Webkit、双核

     使用Trident内核的浏览器：IE、Maxthon、TT、The World，360的兼容模式和IE模式等； 

     使用Geckos内核的浏览器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey； 

     使用Presto内核的浏览器：Opera7及以上版本；                                                                

     使用Webkit内核的浏览器：Safari、Chrome。360的极速模式等；         

      使用双核的浏览器：360、猎豹、搜狗、百度、遨游、QQ

8.列出常见的标签，并简单介绍这些标签用在什么场景

    html 包含所有内容  

    head 用于定义文档的头部 

    meta 展示页面信息  

    title 文档的标题              

    body 文档的内容   

    h1-h6  标题  

    p  段落  

   span 行内元素 

   a  链接 

   img  展示一张图片           

   div  用于给页面划分区块，让结构更清晰   

   ul li  无序列表，用于表示并列的内容        

   ol li  有序列表，用于表示带步骤或者编号的并列内容 

   dl dt dd 用于展示一系列“标题：内容”的场景

   button 按钮

   strong 很重要，强调性很强

   em 需要强调一下        

   iframe 用于嵌入一个页面   

   table 用于展示表格