html部分总结

• 1. 行内元素有哪些？块级元素有哪些？空（void）元素有哪些？
     
     • css 规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display属性值.
     • 行内元素有：a ,b,span,em,input,select,label,strong
     • 块级元素有：div ,ul,li,ol,dl,dd,dt,p,h1-h6
     • 知名的空标签：
       

       ---

• 2.css 的盒子模型？
  （1）两种，IE盒子模型,标准模型，IE的content部分包含了border和padding部分，也就是说width=content+padding+border;而标准的width=content。
  （2）盒模型：内容（content),填充（padding），外边界（margin），边框（border）
• 3.css优化，提高性能的方法有哪些？
  
  • 压缩css样式，将空格样式都删除，提取公用的样式，减小css体积，提高页面的加载性能。
  • 将内容和样式分离，易于管理和维护
  • 避免使用复杂的选择器，层级越少越好
  • 使用语义化强的标签，提高代码的可读性。
  • 不要使用@import，影响css的加载速度
  • 利用css的继承来减少代码量
  • 如果是小项目，将多个样式表合并成一个，这样有利于浏览器的缓存，
• 1. jquery性能优化
     
     • 从ID选择器开始继承，在jquery中最快的选择器是id选择器
     • 在class前 使用tag选择器
     • class选择器是最慢的选择器，IE浏览器下需要遍历所有的dom节点。
     • 将jquery对象缓存起来。最好先将对象缓存成一个变量然后在执行操作
       +如果你将jquery结果对象用在程序的其他部分，或者你的function会被多次执行，那就将它们缓存到一个全局变量中，定义一个全局的容器来存放jquery结果，我们就可以在其它函数应用它们。
     • 掌握强大的链式操作，这样写更少的代码，将代码轻量化。
     • 使用子查询：juqery允许我们对一个已包装的对象使用附加的选择器操作，因为我们已经保存了一个父级对象在变量里，这样大大提高了其子元素的操作，
     • 对直接的DOM操作进行限制：基本思想是在内存中建立你想要的东西，然后更新DOM。直接的DOM操作速度很慢。
     • 例如，你想动态的创建一组列表元素，千万不要在遍历这个数组的时候追加到特定的容器里，应该是先定义一个变量来存储我们遍历得到的内容，最后再追加到容器中。
     • 冒泡 ：除非在特殊的情况下，否则每一个js事件 都会冒泡到父级节点，当我们需要使多个元素调用同个函数时这点会很有用。
     • 就是利用事件委托，形成服父子级关系，只要给父亲绑定一个事件，根据事件流机制，父亲的所有子孙都会触发事件。
     • 压缩js
     • 推迟到$(window).onload.
     • jquery是将任何东西都挂载到了$(document).ready下执行的，它可以在页面渲染时，其它元素还没下载完成时就执行，如果你发现你的页面一直处于载入的状态，很有可能就是$(document).ready函数引起的。
     • 你可以通过将jquery函数绑定到$(window).onload事件的方法来减少页面载入时的cpu使用率。它会是所有的html被下载完成后执行。
     • 适用场景 ：拖放，视觉特效和动画，预载入隐藏图像等等。
• 5.html5有哪些新特性，移除那些元素？如何处理html5新标签的浏览器兼容问题，如何区分html和html5？
  
  • 新特新：
  • 1.拖拽释放（drop and drag）
  • 2.语义化更好的内容标签 （header,nav,footer,aside,article,section）
  • 3.音频，视频API（audio,video）
  • 4.画布 （canvas）
  • 5.地理 （Geolocation）
  • 6.本地缓存 localStorage sessionStorage
    
    • localStorage:长期存数数据不会失效，浏览器关闭数据不会丢失
    • sessionStorage:针对本次会话的数据，浏览器关闭之后将自动删除
  • 表单控件：calendar,color,date,datetime,range,email,url,search,telephone
  • 读取文件：file,fileReader,
  • 应用缓存：AppCache
  • 移除的元素：
  • 1.basefont font u s i strike center tt
  • 2.对可用性产生负面影响的元素：frame,frameset,noframes;
  • 支持html5新标签
  • 1.IE6/7/8支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持html5新标签，还需要添加标签默认的样式（还可以使用成熟的框架，使用最多的是html5shim框架）
    
<!--[if lt IE 9] >
<script src="html5shim.js"></script>
<![endif]-->

• doctype声明
  +html5的dtd声明很简洁：