css总结

1、HTML
html常见元素：

• head区域：title style link script meta base(不会在页面中留下直接的内容)

<base href="/">(指定基础路径，所有路径都是以该路径为基础)
<meta viewport='"device-width">

• body区域：
  div/section/article/aside/header/ footer/nav
  p
  span/strong(斜体)/em(粗体)
  table/thead/tbody/th(表头)/tr/td(单元格)
  ul/ol/li/dl/dt/dd
  a(web精神提现)
  form,input,select(下拉框),textarea,button

html重要属性：

a[href,target默认self；_blank新窗口打开]

img[src,alt(src未显示时，alt中会显示)]

table td[colspan,rowspan(所占的行和列，合并单元格时)]

form[target(表单提交到哪里),method(get/post),enctype(针对post)]

input[type(密码，日期，单选框，复选框，button),value]

select>option[value]

label(和单选框/复选框一起)[for(可通过点击文字选中)]

html版本：

h4(SGML)

XHTML

HTML5(表单增强,日期，时间，搜索；表单验证；placeholder;em/strong;i icon)

html元素分类：

按默认样式分类

block div,section,ariticle,aside

inline 文本span,em,strong

inline-block:select默认是input(表单)

按content分类

block div,section,ariticle,aside

html元素嵌套关系：（content-model）

1. block元素可以包含inline元素
2. block元素不一定包含block元素(p不能包含div)
3. inline元素一般不含包含block元素(a>div合法)

html默认样式：list-style-position:inside

---

常见面试题

1. doctype意义
   让浏览器以标准模式渲染
   让浏览器知道是哪个版本，从而判断元素的合法性
2. html,XHTML,HTML5
3. HTML5变化 语义化元素，表单增强，新的api(离线application cache，音视频，service worker,图形，实时通信web socket，本地存储，设备能力，定位，陀螺仪)
4. em和i区别
   em语义化标签，表示强调
   i是纯样式，表斜体
   h5中i不推荐使用，一般用作icon
5. 语义化意义
   文档，开发者易理解
   机器理解
   seo
6. 自闭合
   Input
   img
   br hr
   meta link
7. html和dom
   html是字符传
   dom是树(js是维护dom)
8. property(dom)和arribute（html）
   getAttribute是arribute
   直接属性是porperty
9. form作用
   直接提交表单？？get,post提交
   可以使用 submit/reset button
   便于浏览器保存表单
   第三方库可以整体提取值
   第三方库可以进行表单验证