HTML

标准模式和怪异模式(盒模型)

  标准模式：width=content;
  IE模式：width=content+padding+border
  W3C盒子模型 box-sizing: content-box 
  IE盒子模型 box-sizing: border-box 

页面导入样式时，使用link和@import有什么区别？

  1. link属于XHTML标签，而@import是css提供的；
  2. 页面被加载时，link会同时被加载，而@import引用的css会等到页面被加载完再加载；
  3. @import只在IE5以上才能识别，而link是XHTML标签，无兼容问题；
  4. link方式的样式的权重高于@import的权重。

行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

  行内元素：a b span img input select strong
  块级元素：div ul ol li dl dt dd h1 h2 h3 h4 p 等
  空元素：<img> <link> <meta>

html5有哪些新增元素

  article、footer、header、nav、section

HTML5存储类型有什么区别？

  1. HTML5能够本地存储数据，在之前都是使用cookie使用的，HTML5提供了下面两种本地存储方案：
  2. localStorage用于持久化的本地存储，数据永远不会过期，关闭浏览器也不会丢失。
  3. sessionStorage 同一个会话的页面才能访问并且当会话结束后数据也会随之销毁，因此sessionStorage不是一种持久化的本地

简述一下src与href的区别

  1. href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。
  2. src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，
  /* 例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，
  图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。 */

img的alt和title有什么区别？

1. alt 是图片加载失败时，显示在网页上的替代文字
2. title 是鼠标放上面时显示的文字

在引入CSS 和 JavaScript 文件时为什么不需要指定 type 属性

  因为text/css 和 text/javascript 分别是它们的默认值

块元素和行内元素区别

  /* 块元素的特点 */
  1. 总是在新行上开始，占据一整行；
  2. 高度，行高以及外边距和内边距都可控制；
  3. 宽如果不设置,默认是父级的宽度，与内容无关；
  4. 它可以容纳内联元素和其他块元素。
  /* 行内元素的特点 */
  1. 和其他元素都在一行上；
  2. 高，行高及外边距和内边距部分可改变；
  3. 宽度只与内容有关；
  4. 行内元素只能容纳文本或者其他行内元素。