src 和 href 的区别

语义化标签，例如 header，nav，footer，section，article 等标签。

地理位置 Geolocation 鉴于隐私性，除非用户统一，否则不可获取用户地理位置信息

离线应用 manifest 全双工通信协议 websocket

浏览器历史对象 history 多任务处理 webworker

运行在后台的JS，独立于其他脚本，不影响性能拖拽相关API

增强表单控件 url，date，time，email，calendar，search 页面可见性改变事件 visibilitychange

跨窗口通信 PostMessage 表单 FormData 对象

canvas+SVG

移除

纯表现的元素：basefont、big、center、font、 s、strike、tt、u 对可用性产生负面影响的元素：frame、frameset、noframes

src 和 href 的区别

src 用于替换当前元素，href 用于在当前文档和引用资源之间确立联系

一、src

src 是 source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本，img 图片和 frame 等元素。

当浏览器解析到该元素时，浏览器会对这个文件进行解析，编译和执行，从而导致整个页面加载会被暂停，类似于将所指向资源嵌入当前标签内。这也是为什么将js 脚本放在底部而不是头部。

二、href

href 是 Hypertext Reference 的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，浏览器遇到 href 就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式来

加载 css，而不是使用@import。

三、总结来说

src 代表这个资源是必备的，必不可少的，最终会嵌入到页面中，而 href 是资源的链接

行内元素和块级元素有哪些

一、元素种类

1、行内元素

和其他元素都在一行上；

上下起作用，只能对左右起作用，也可以设置内边界，但是内边界在 ie6 中不对上下起作用，只能对左右起作用

<a > <strong>

<b> <em>

<del> <span >

<img> <input>

<select>

2、块级元素

总是在新行上开始，占据一整行；

高度，行高以及外边距和内边距都可控制；

宽带始终是与浏览器宽度一样，与内容无关；

它可以容纳内联元素和其他块元素。

<h1>~<h6> <p>

<div> <ul>

<ol> <li>

<div> <dl>

3、空元素

<br> <hr> <img> <input> <link> <meta>

二、行内元素和块级元素的转换

//定义元素为块级元素 display：block

//定义元素为行内元素 display : inline

//定义元素为行 display：inline-block

三、块级元素和行内元素的区别