前端开发(HTML5)
几格字符
不如
展开
-
Html5(4)Selection 和 Range对象
HTML5的Selection 和 Range对象(一)①概念:代表页面上一段连续区域,通过Range可以修改(增删改)页面上任意区域 ②使用:获取选取内容的方法: 如图 ③Range对象包含几个方法:SelectNode、selectNodeContents、deleteContents 用于选取、删除元素的内容或整个元素结点 举例:如图 ④Range对象的其他方法:se原创 2015-08-10 22:35:36 · 2217 阅读 · 0 评论 -
Html5(0) 初步了解
html的新特性:用于绘图的canvas标签 用于媒体回放的video 和 audio元素 本地离线存储的更好支持 新语意元素:article、footer、header、nav、section 新表单控件:calendar、date、time、email、url、search浏览器支持:chrome、firefox、opera、ie9、safari浏览器原创 2015-08-10 22:13:32 · 381 阅读 · 0 评论 -
Html5(1) html5 与 html4 的区别
一、HTML5使命: ①解决浏览器兼容问题 ②文档结构明确化 ③扩展Web应用程序功能二、语法变化 ①内容类型(扩展名不变,内容类型不变) ②DOCTYPE声明(不需声明版本,直接写 html 即可) ③字符编码 (简洁为:) ④具有boolean值的属性(如 disabled 值的设置变化,不仅是true/false;还可以是“”(true)/disabled(true)/缺省为fa原创 2015-08-10 22:15:54 · 540 阅读 · 0 评论 -
Html5(3)表单相关新特性
表单新增元素与属性 ①form 属性 //form不再只是一个元素,还可以作为一个属性,指向特定的表单 举例: <form id="testform"> <input type="text"/> </form> <textarea form="testform">这个文本域属于上面这个表单</textarea>②formaction原创 2015-08-10 22:30:23 · 322 阅读 · 0 评论 -
Html5(2)新增的结构元素 及 新增页面元素
新增的主体结构元素①article 元素 //描述独立完整的文档,如博客、帖子、评论;可以嵌套使用;可以作为插件使用②section 元素 //用来划分区域,常由标题和内容构成;不同于div,如果需要被脚本操作,通常选择div而非section③nav 元素 //传统导航、侧边导航、页内导航、翻页导航④aside 元素 //附属信息部分,如侧边栏、广告等等与主内容分开的部分⑤原创 2015-08-10 22:21:44 · 715 阅读 · 0 评论 -
Html(5)其他(缓存 及 js控制css)
应用缓存: 优势:离线浏览、加速加载、减轻服务器负载 Manifest文件:CACHE MANIFEST(缓存) \ NETWORK(不缓存) \ FALLBACKWeb Worker: 是运行在后台的javascript 方法:postMessage() //向HTML页面传回消息 terminate() //终止Web Worke原创 2015-08-11 22:28:06 · 592 阅读 · 0 评论 -
Html5(6)画图
Canvas标签的使用①<canvas>标签本身只是容器,画图需要用脚本 步骤:一般用脚本创建canvas标签;通过canvas对象的getContext(“2d”)获取画图工具,该context拥有各种绘制图形、变换图形的方法②绘制路径 步骤:利用标签定义画布,用js获取这个标签元素,并通过getContext(“2d”)来获取画图工具, 然后开启路径beginPath;通过原创 2015-08-11 22:23:38 · 512 阅读 · 0 评论 -
Html5(5)视频、音频 及 拖放
音频元素 自定义control 控件的方法: 如图 视频元素 兼容浏览器的方法: 如图 HTML5 拖放功能一、拖放页内元素 使用标准:Drag 和 drop 使用步骤:①拖动开始函数:ondragstart ②设置拖动数据:setData(键,值) ③放入位置: ondragover ④放置:原创 2015-08-11 22:19:26 · 550 阅读 · 0 评论