HTML5 测验记录

结果:11/20 您的回答: 1.HTML5 之前的 HTML 版本是? 您的回答:HTML 4 正确答案:HTML 4.01 2.HTML5 的正确 doctype 是? 您的回答:<!DOCTYPE HTML5> 正确答案:<!DOCTYPE html> 3.在 HTML5 中,哪个元素用于组合标题元素? 您的回答:<header> 正确答案:<hgroup> 4.HTML5 中不再支持下面哪个元素? 您的回答:<q> 正确答案:<fo…

HTML5: HTML5 测验

ylbtech-HTML5: HTML5 测验 1.返回顶部 1. HTML5 测验结果:15/5 1. HTML5 之前的 HTML 版本是什么? 你的回答: HTML 4.01 回答正确! 2. HTML5 的正确 doctype 是? 你的回答: <!DOCTYPE html> 回答正确! 3. 在 HTML5 中,哪个元素用于组合标题元素? 你的回答: <header> 回答错误! 正确答案:<hgroup> 4. HTML5 中不再支持下面哪个元素? 你的回…

HTML5学习记录1-新特性

新特性 HTML5 中的一些有趣的新特性: 1. 用于绘画的 canvas 元素 2. 用于媒介回放的 video 和 audio 元素 3. 对本地离线存储的更好的支持 4. 新的特殊内容元素,比如 article.footer.header.nav.section 5. 新的表单控件,比如 calendar.date.time.email.url.search…

HTML5学习记录——3

HTML媒体 1.HTML多媒体视频格式 .avi 微软开发 .wmv 微软开发 .mpg .mpeg .mov 苹果公司开发 .rm .ram 允许低带宽的视频流 .swf .flv Macromedia开发,需要额外组件 .mp4 针对因特网的新格式声音格式 .mid .midi .rm .ram .wav .wma .mp3 .mpga 2 .HTML Object元素辅助应用程序是可有浏览器启动的程序,也称为插件.可用于播放音频和视频.使用<…

HTML5 学习记录——0

2015/08/19 HTML5的标签功能划分:基础.格式.表单.框架.图像.音视频.链接.列表.表格.样式.元信息.编程 1.HTML基础标题 <h1> - <h6>段落 <p>链接 <a href=''地址'' >图像 <img src="w3school.jpg" width="104" height="142" /> 2.HTML元素 <p> </p> 尽…

html5 经验记录持续更新

1 关于page cache 由于移动端浏览器webkit基本都实现了page cache(火狐叫做back-forwoad cache);所以回退操作基本不会触发onload操作了,不过上一页的状态事件都会保存,一般情况下不会出问题,如果需要每次展现都触发事件可以考虑pageshow事件. 但是在三星s3上发现了一个问题,就是直接给dom设置属性的时候(这里指的是dom.prop = value 这种类型的,而不是attribute.)点击后退时原生的浏览器这个属性会丢失,而awen在有些库里…

HTML5 学习记录——2

20150826 1.声明文档类型 <!DOCTYPE> 声明HTML是用什么版本写的. 常用声明; 2.HYML头部元素 <head> <title> 定义文档的标题,作用定义浏览器在工具栏中的标题:提供页面被添加到收藏夹时显示的标题:显示在搜索引擎结果中的页面标题. </title> <base> 为页面上的所有链接规定为默认地址或默认目标在HTML没有结束标签 <link> 定义文档与外部资源的关系常见用于…

sublime使用记录之快速生成html5基本模板

sublime使用记录之快速生成html5基本模板效果如图:…

HTML5与CSS3权威指南之CSS3学习记录

title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) 官方网站: 华章图书书中所有代码下载链接: 链接:http://pan.baidu.com/s/1c0oGMn2 密码:f7zt 选择器属性选择器 [att=val]选择器--选择属性att值为val的元素 [att*=val]选择器--选择属性att值包含val的元素 [att^=val]选择器--选…

[踏得网]HTML5在线教程阅读进度记录

2017年1月3日18:12:19http://techbrood.com/h5b2a?p=html-canvas-states 2017年1月3日17:10:11http://techbrood.com/h5b2a?p=html-canvas-shapes(绘制圆形那块数学不好比较难懂,多看多思考就明白了) 本章总结: Canvas中的角度是以弧度而不是角度为单位的. 360度(一个完整的圆)是2π(pi的2倍)弧度,π(一个pi)的弧度是180度. 角度转换弧度的公式: var degree…

学习HTML5之塔克大战（详细记录）

学了一些HTML5的一些基本知识,开始学习制作...... 介绍一些基本知识: px(像素)--->1px等于多少? 1cm or 2cm -->no no no! (1).像素是一个密度单位:无法用度量.... (2) stoke--->画线 fill--->填充 (3)再画图形时,一定记得路径闭合... (4)在绘制图片时:需要注意的是:先加载图片,在进行绘制绘制照片的一些基本步骤: (1) 创建image对象 new Image(); (2)指定图片(或者路…

《响应式Web设计—HTML5和CSS3实战》学习记录

作者:Ben Frain 学习时间 2016/5/12 第一章设计入门 *视口调试工具 IE:Microsoft Internet Explorer Develop Toolbar Safari:Resize Firefox:Firesizer Chrome:Windows Resizer *在线创意源泉响应式设计创意收集网站 http://mediaqueri.es 第二章:媒体查询,支持不同的视口 <!--该检测中,只要满足screen projection 两个条件中的任意…

HTML5和CSS3的一些学习记录

1.引述块级文本的标签(blockquote): <blockquote cite="http://www.marktwainbooks.edu/"> <p>This is blockquote content!</p> </blockquote> 2.突出显示文本的标签(mark): <p>Remove the tray from the box<mark>15 minutes</mark>, rot…

HTML5 表单自学记录

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta htt…

HTML5 云知梦自觉，记录知识点

第一章(1--3) 文档类型:<!doctype html> 网站代码结构:<html> <head> <meta charset="UTF-8"> #设置浏览器的阅读编码 <title>云知梦-太原PHP培训|山西PHP培训</title> #设置网站首页的标题 <meta name="keywords" content="山西PHP培训,太原PHP培训,山西PHP开发>…

html5.0学习记录（一）——可拖动视频播放器

最近自己在重新学习html5新特性,了解到有视频标签和拖动标签,于是自己用这两个特性写了一个小demo,主要功能就是可以通过拖动视频来直接播放.效果图如下: 页面使用了<video>标签和drag,drop方法.左侧是动态渲染的视频列表,里面title包含着视频路径信息,右侧是视频播放器. js代码: // 拖拽开始 function dragStart() { let e = window.event; e.dataTransfer.setData('video', e.target.tit…

每日记录 2016-4-29 HTML5本地存储

HTML5本地存储一.HTML5 localStorage 在HTML5中,本地存储是一个window的属性,包括localStorage和 sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了.二者用法完全相同. 之前,这些都是由 cookie 完成的.但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高. 在 HTML5 中,数据不是由…

记录一些html5和css3的一部分属性

html5 标签1 video:视频属性: src:视频的url autoplay:视频在就绪后马上播放 controls:向用户显示控件2 audio:音频属性类似于video3 属性:draggable="true" 元素可拖动触发ondragstart,ondragover,ondrop等事件4 canvas:画布在js中绘图,用getContext()函数创建对象进行操作5 svg:可伸缩的矢量图形用xml格式定义6 input新增类型 type=[email,url…

记录vue用 html5+做移动APP 用barcode做扫一扫功能时安卓的bug(黑屏、错位等等)和解决方法

最近做项目时,要用到扫一扫二维码的功能,在html5+里面有提供barcode功能,于是照过来用了, 写的代码如下 : 扫码页面: <style lang="less" scoped> #camera { height: %; width: %; .van-icon { top: -2px; font-size: 30px; color: #fff; &.back { left: 10px; } &.light { right: 10px; } } #sca…

Html5+Mui前端框架,开发记录（三）：七牛云上传图片

1.Html界面: <div id="container"> <label>凭证:</label> <div id="uploadImage" class="mui-btn" style="float: left; margin-top: 5px;text-align: center;padding:10px;width: 100px;">选择图片 </div> &l…

记录：asp.net mvc 中使用 jquery 实现html5 实现placeholder 密码框提示兼容password IE6

@{ViewBag.Title = "完美结合";} <script>var G_start_time = new Date;</script> <!--[if (lt IE 8.0)]><link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/login/css/index.src_datauri.css…

html5游戏开发框架之lufylegend开源库件学习记录

下载地址http://lufylegend.com/lufylegend 引用 <script type="text/javascript" src="../lufylegend-1.5.1.min.js"></script> <div id="mylegend">loading...</div> <script> init(50,""mtlegend",5…

HTML5文件拖拽上传记录

JS文件: var FileName = ""; var FileStr = ""; (function () { function $id(id) { return document.getElementById(id); } function Output(msg) { var m = $id("filedrag"); m.innerHTML = msg + m.innerHTML; } function FileDragHover(e) {…

sublime text html5开发学习插件篇记录

1.第一步先按照 Package Control,具体步骤自行百度,Google. 2. view in browser 默认的快捷键应该是这样的,我用的是IE浏览器.所以ctrl+alt+i 即可让html 文件在浏览器上预览. CTRL + ALT + F - Firefox CTRL + ALT + C - Chrome CTRL + ALT + I - Internet Explorer CTRL + ALT + S - Safari 如果想要自定义快捷键的话,可以在setting 里自…

html5 替换历史记录

history.replaceState({url:"/admin/index"},null,"/admin/index"); url 是需要替换的路径…

Html5+Mui前端框架,开发记录（四）：下拉菜单绑定数据、搜索、时间控件

1.下拉菜单绑定数据,选择后回传值 1)html: <div class="mui-input-row"> <label>xxx:</label> <input id='zxyy' type="text" class="mui-input-clear mui-input" placeholder="请选择xxx"> </div> 2)js: 1 document.ge…

Html5+Mui前端框架,开发记录（二）：提交不了数据？

1.Mui 请求Webapi接口,返回所需要的数据(get,post) mui.ajax({ url: getAddress() + '/api/Qiliu/get?jsoncallback=?', data: {}, async: false, dataType: 'json', crossDomain: true, //强制使用5+跨域 type: 'get', timeout: 10000, success: function(data) { //xxx逻辑 } }): mui.ajax(…