HTML知识点

• HTML、XML、XHTML 有什么区别

  • HTML (HyperText Markup Language) 超文本标记语言
    HTML 用相对应的标签来标记要展示的内容。语法较为松散，不严格的web语言

  • XML (Extensible Markup Language) 可扩展标记语言
    与HTML标签不同，XML的标签可以自定义，所以被称为可扩展。主要用于存储数据和结构参考。

  • XHTML (Extensible Hypertext Markup Language) 可扩展超文本标记语言
    XHTML基于XML，语法较HTML更加严格。比如必须包含一个文件头声明 ,所有元素名必须小写等等

• 怎样理解 HTML 语义化
  根据内容选择适合的HTML标签，使用合理的代码结构，方便阅读和SEO优化。HTML标签语义化是Web网页标准化的重要一环，也是标准制定时重要的设计原则。比如HTML5新增的

  ,

  标签。

• 怎样理解内容与样式分离的原则
  内容指的是HTML,样式指CSS。写HTML时，重点放在HTML的结构和语义化上，让HTML能提现页面结构或者内容，然后进行 css 样式设置，减少 HTML 与 CSS 契合度（即内容与样式分离） ，写JS的时候，尽量不要用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化（即行为分离）。HTML内不允许出现属性样式，尽量不要出现行内样式。比如网页切换主题。

• 有哪些常见的meta标签

  • 声明页面内容编码

  • 优先使用IE版本和Chrome

  • 优化移动端展示

  • 页面关键字， 用于SEO优化

  • 页面描述，不超过150字符

• 文档声明的作用?严格模式和混杂模式指什么? 的作用?
  文档对象方式，告诉浏览器以何种方式进行渲染。不包含 DOCTYPE或者写错了DOCTYPE将触发混杂模式。相比于标准模式，混杂模式更难适配多浏览器。告诉浏览器以HTML5方式进行渲染。

• 浏览器乱码的原因是什么？如何解决
  meta tag中的charset编码与内容编码不匹配。选择正确的charset编码。

• 常见的浏览器有哪些，什么内核

浏览器	内核	备注
Chrome	Webkit->Blink	市场占有率最高
Firefox	Gecko
IE	Trident
Safari	Webkit	Webkit开源
Opera	Presto->Webkit
一般国产浏览器	Webkit + Trident

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

q标签	应用场景	备注
h1~h6	标题	逐级减弱
p	表示段落
a	链接	href属性中#表示锚点
img	图片	alt属性备注，当图片未加载时，出现的文字
div	页面区块
ul li	unsort list 无序列表	可以多个嵌套
ol li	order list 有序列表
dl dt dd	展示标签：内容
button	按钮
strong em	表示强调
iframe	嵌入一个页面	注意跨域操作
table	表格