HTML小知识点

HTML小知识点

html标签有几个可以逃过同源策略

<link rel="stylesheet" type="text/css" href="*.css">

<script><script/>

attribute和property有什么区别

attribute和property有什么区别

img的title和alt有什么区别

title是鼠标滑动到元素上时候显示 alt是img的特有属性，用于图片无法加载显示 提高了图片可访问性，搜索会重点分析alt

什么是语义化

HTML5语义化标签是指正确的标签包含了正确的内容，结构良好，便于阅读 比如nav表示导航条，类似的还有article、header、footer等等标签。

1. 让人更容易读懂
2. 让机器更容易读懂
3. 有助于SEO

html5有哪些新特性

主要是图像 位置 存储 多任务 websocket video和audio，绘画canvas 增加localStorage长期驻留浏览器, sessionStorage浏览器关闭就删除

html5离线存储怎么使用

新建一个.appcache文件缓存机制 里面有一份需要解析的清单，会被存储在本地 没网的时候显示这个就好了 具体的就是在页面头部下加入一个manifest属性 在里面编写需要存储的离线存储资源清单 在离线的时候，调用window.applicationCache就可以进行需求实现

iframe有什么缺点

定义：iframe元素会创建包含另一个文档的内联框架 可以将提示文字放在<iframe>之间，来提示某些不支持iframe的浏览器

1. 会阻塞页面的onload事件
2. 不利于seo
3. 会影响页面的并行加载，因为共享池问题对相同域的连接有限制

xhtml和html有什么区别

功能上有差别，xhtml有很好的兼容性 书写情况也有差别，xhtml更加严格必须被严格嵌套，闭合和区分大小写等 可以通过开头的Doctype来区分

canvas和svg有什么区别

svg绘制出来的元素都可以作为独立的DOM节点, 能够绑定事件,并且是矢量图 canvas输出的是一张图, 不是矢量的

说一下HTML5 drag api

dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发。 darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。 dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。 dragover：事件主体是目标元素，在被拖放在某元素内移动时触发。 dragleave：事件主体是目标元素，在被拖放元素移出目标元素是触发。 drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发。 dragend：事件主体是被拖放元素，在整个拖放操作结束时触发

转载于:https://my.oschina.net/sansenlian/blog/3093815