HTML知识点

• HTML、XML、XHTML 有什么区别
  HTML：超文本标记语言(HyperText Markup Language)，语法相对松散，不区分大小写，不写闭合标签浏览器也能识别，可以省略参数，如如，HTML标签是预先定义好的。
  XML：可扩展标记语言(EXtensible Markup Language)，XML 的设计宗旨是传输数据，而非显示数据。XML没有预定义的标签，可以自由创建标签。
  XHTML：可扩展超文本标记语言(Extensible HyperText Markup Language)，XHTML语法更严谨，区分大小写，所有标签必须要有闭合标签，不允许省略参数，如。
• 怎样理解 HTML 语义化
  HTML5之前，会有很多意义不明的div或者span标签，比如要表示header一般会写成
  或者
  ，而更加语义化的表示是用header标签，不仅适合阅读，也适合爬虫分析，促进SEO，不考虑兼容性的问题尽量多用语义化的标签。
• 怎样理解内容与样式分离的原则
  HTML负责内容，CSS负责样式，尽量不要把CSS代码内联进HTML代码里，而是用link引入CSS，这样更方便维护HTML与CSS代码，JS改变CSS也尽量通过增删class的方式。
• 有哪些常见的meta标签
  以饥人谷官网为例
  
  
  
  charset是指文档编码格式。
  name="keywords"，name="description"分别是文档关键词和对文档的描述，爬虫能识别这些信息，写这些就是为了SEO。
  viewport主要是移动端视口的一些设置。
  baidu-tc-verification是一个百度的声明，标识网站用到了百度的内容.如果不涉及到版权问题可以删掉，不影响页面效果。
  还有很多其他meta标签，比如http-equiv属性，可以控制用最新的浏览器引擎渲染，或者设置"cache-control"不让百度转码，还有一些针对浏览器的标签，可以参考meta标签整理，MDN-meta。
• 文档声明的作用?严格模式和混杂模式指什么? 的作用?
  文档声明告诉浏览器的解析器用什么文档标准解析这个文档。
  严格模式又叫标准模式，是以浏览器支持的最高标准运行文档。
  混杂模式又叫怪异模式，页面以一种比较宽松的向后兼容的方式显示，混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
  的作用就是告诉浏览器以标准模式解析文档。
• 浏览器乱码的原因是什么？如何解决
  浏览器乱码一般是编码格式不对，可以考虑设置meta标签的charset属性，或者设置浏览器的编码格式。
• 常见的浏览器有哪些，什么内核
  常见的浏览器有Chrome、IE、Edge、Firefox、Safari，早期Chrome和Safari都是webkit内核，高版本Chrome是blink内核，IE内核是Trident，Firefox内核是Gecko，移动端浏览器内核一般是webkit。
• 列出常见的标签，并简单介绍这些标签用在什么场景
  a：超链接
  img：图片
  form：表单
  input：表单基础元素
  ul：无序列表
  ol：有序列表
  li：列表项
  div：块级标签
  span：行内标签
  header：页面头部
  nav：导航栏
  footer：页面底部
  aside：页面侧栏
  section：页面区段