2-HTML

HTML常见元素

head中

• meta
  编码
适配移动端
• title
• style
• link
• script
• base

body中

• div / section / article / aside / header / footer
• p
• span / em / strong
• table / thead / tbody / tr / td
• ul / ol / li / dl / dt / dd
• a
• from / input / select / textarea / button

重要属性

• a [href,target]
• img [src,alt]
• table td [colspan,rowspan] 合并单元格
• form [target,method,enctype]
• input [type,value]
• button [type]
• select > option [value]
• label [for]

HTML5新增内容

• header / footer 头尾
• article / section 区域
• nav 导航
• aside 不重要内容
• em / strong 强调
• i icon

HTML元素分类

按默认样式分类有两类：

• 块级 block
• 行内 inline
• inline-block

HTML元素嵌套关系

• 块级元素可以包含行内元素
• 块级元素不一定能包含块级元素
• 行内元素一般不能包含块级元素
  a是一个inline元素，但是它可以包含div

面试真题

1. doctype的意义是什么
   让浏览器以标准模式渲染；让浏览器知道元素的合法性
2. HTML、XHTML、HTML5的关系
   HTML属于SGML；XHTML属于XML，是HTML进行XML严格化的结果；HTML5既不是SGML也不是XML，比XHTML宽松
3. HTML5有什么变化
   新的语义化元素；表单增强；新的API（JS方面：离线，音视频，图形，实时通信，本地存储，设备能力）；分类和嵌套（a元素）
4. em和i有什么变化
   em是语义化的标签，表示强调；i是纯样式标签，表示斜体；HTML5中i不推荐使用，一般用作图标
5. 语义化的意义是什么
   开发者容易理解；机器容易理解结构；有利于SEO
6. 那些元素可以自闭合
   表单元素input；图片img；br；hr；meta；link
7. HTML和DOM的关系
   DOM是由HTML解析而来的，JS可以维护DOM
8. property和attribute的区别
   特性和属性，attribute是HTML中的，property是DOM中的