入门-task4

• HTML、XML、XHTML 有什么区别
• 怎样理解 HTML 语义化
• 怎样理解内容与样式分离的原则
• 有哪些常见的meta标签
• 文档声明的作用?严格模式和混杂模式指什么? 的作用?
• 浏览器乱码的原因是什么？如何解决
• 常见的浏览器有哪些，什么内核
• 列出常见的标签，并简单介绍这些标签用在什么场景

HTML、XML、XHTML 有什么区别

• html(hyper text markup language)超文本标记语言，语法松散，不严格的web语言
• xml(extensible markup language)可拓展标记语言，主要用于储存数据和结构参考
• xhtml(extensible hyper text markup language）可拓展超文本标记语言，基于xml，作用与html类似，但语法更严格

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

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

 都是为了减少html，css，js之间的耦合关系

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

有哪些常见的meta标签

• 
  关键字，搜所引擎 SEO
• 
  页面描述
• 
  如果安装了GCF，则使用GCF来渲染页面，如果没有安装GCF，则使用最高版本的IE内核进行渲染。
• 
  初始化设备，主要功能是让移动端样式现实更合适
• 
  设置字体编码
• 
  设置语言

文档声明的作用?严格模式和混杂模式指什么? 的作用?
这个不是html标签，是文档声明。用于提前告诉browser一些信息，即我的html按照哪个版本的标准编写的~
严格模式是指按照浏览器所支持的最高版本来实现效果；
混杂模式则想法，竟可能向后兼容，使用老版本浏览器的显示模式。说的透明点就是可以实现IE5.5及以下版本的浏览器的渲染模式。

浏览器乱码的原因是什么？如何解决
造成html网页乱码原因主要是html源代码内内容与html编码不兼容。
1、比如网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是gbk也会出现乱码。
2、浏览器不能自动检测网页编码，造成网页乱码。

解决办法：
1.对于第一种，在head中增加将编码转换为UTF-8编码即可
2.对于第二种，在浏览器中需要转码的网页空白出右键鼠标，即可选择“编码”，将编码转换为与页面兼容的即可。

常见的浏览器有哪些，什么内核
Chrome, Opera : Blink
IE : Trident
Safari : Webkit
Firefox : Gecko
Edge : EdgeHTML

列出常见的标签，并简单介绍这些标签用在什么场景
html, body, head 用于html文件，表示文件的头部与内容部分
div 用于组合其他HTML元素，本身无实在意义，常用于页面的布局
span 用于行内内容的格式化
h1~h6 用于标题内容
p 用于段落内容
strong, em 用于强调内容
ul, li, ol, dl, dt, dd 用于带有列表内容的，比如导航栏的下拉菜单，多视频的缩略图
form, input, select, textarea 用于涉及到表单的内容
table 用于涉及到表格的内容
img 用于插入图片
a 用于打开链接，发送邮件，段落跳转等功能。