随笔分类 -  html5

html5与html4的区别
摘要：html5的出现，对于web意义重大，它的意图是想把目前web上存在的各种问题一并解决掉。 web浏览器之间的兼容性低， 文档结构不够明确 web应用程序的功能受到限制 世界知名浏览器厂商对html5的支持（微软，google，苹果，Opera，Mozilla） 语法的改变 内容类型 DOCTYPE 阅读全文
posted @ 2017-03-03 10:58 letitia_blog 阅读(155) 评论(0) 推荐(0)
html5新增的主题结构元素
摘要：article元素 article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。 它可以是一篇博客或者报刊中的文章，一篇论坛帖子、一段用户评论或独立的插件。 或其他任何独立的内容。 article元素使可以嵌套使用的。 article元素可以用来表示插件。 <article 阅读全文
posted @ 2017-03-03 10:56 letitia_blog 阅读(551) 评论(0) 推荐(1)
html5表单新增的元素与属性
摘要：1.表单内元素的form属性 在html4中，表单内的从属元素必须书写在表单内部， 而在html5中，可以把他们书写在页面上任何地方， 然后为该元素指定一个form属性，属性值为该表单的id,这样就可以声明该元素从属于表单了。 <form id="testform"> <input type="te 阅读全文
posted @ 2017-03-03 10:55 letitia_blog 阅读(283) 评论(0) 推荐(0)
html5新增的非主体结构元素
摘要：header元素 header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面 或页面内的一个内容区块的标题，但是也可以包含其他内容，例如数据表格、 搜索表单或相关的logo图片。 <header> <h1>IT最新技术</h1> <a href="http://www.jikexuey 阅读全文
posted @ 2017-03-03 10:55 letitia_blog 阅读(216) 评论(0) 推荐(0)
html5表单新增元素与属性2
摘要：1.标签的control属性 在html5中，可以在标签内部放置一个表单元素，并且通过该标签的control属性来访问该表单元素。 <script> function setValue(){ var label=document.getElementById("label"); var txtbox 阅读全文
posted @ 2017-03-03 10:54 letitia_blog 阅读(222) 评论(0) 推荐(0)
html5改良的input元素的种类
摘要：1.url类型、email类型、date类型、time类型、datetime类型、datetime-local类型、 month类型、week类型、number类型、range类型、search类型、tel类型、color类型 <!--url类型--> <form> <input name="url 阅读全文
posted @ 2017-03-03 10:53 letitia_blog 阅读(165) 评论(0) 推荐(0)
html5增强的页面元素
摘要：<!--figure元素以及figcaption元素--> figure元素是一种组合元素，带有可选标题，figure元素用来表示网页上 一段独立的内容， 将其从网页上移除，不会对网页上其他内容产生任何影响。figure元素表示的内容可以是 图片，统计图格，音频插件，视频插件，代码实例。 figca 阅读全文
posted @ 2017-03-03 10:53 letitia_blog 阅读(248) 评论(0) 推荐(0)
HTML5编辑API之Range对象
摘要：1.range对象基本概念 一个range对象代表页面上的一段连续区域。通过Range对象，可以获取或修改网页上的任何区域。 range对象方法 selectNode 将range对象的起点指定为某个节点的起点，将range对象额重点指定为该节点的终点。 使range对象所代表的区域中包含该节点。该 阅读全文
posted @ 2017-03-03 10:50 letitia_blog 阅读(325) 评论(0) 推荐(0)
老式浏览器支持html5和css3
摘要：在IE页面的head标签里面加入 <!-[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-> 让IE浏览器支持css3的方法 .box { -moz-border 阅读全文
posted @ 2017-03-03 10:50 letitia_blog 阅读(137) 评论(0) 推荐(0)
HTML5的音频播放和视频播放
摘要：1.音频播放 audio(音频) html5提供了播放音频文件的标准 <audio src="anli.mp3" controls="controls">您的浏览器不支持</audio> 自定义控件 <button onclick="clickA()">播放/暂停</button> <audio s 阅读全文
posted @ 2017-03-03 10:41 letitia_blog 阅读(209) 评论(0) 推荐(0)
HTML5 拖放
摘要：HTML5拖放 1.HTML5拖放：拖放（drag和drop）是HTML5标准组成部分。 2.拖动开始：ondragstart : 调用了一个函数，drag(event),它规定了被拖动的数据 3.设置拖动数据：setData():设置被拖数据的数据类型和值 4.放入位置：ondragover:事件 阅读全文
posted @ 2017-03-03 10:40 letitia_blog 阅读(134) 评论(0) 推荐(0)
HTML5 SVG
摘要：SVG介绍 1.什么是svg svg指可伸缩矢量图形（Scalable Vector Graphics ） svg用来定义用于网络的基于矢量图形 svg使用XML格式定义图形 svg图像在放大或改变尺寸的情况下其图形质量不会有损失 svg是网为王联盟的标准 2.svg的优势 svg图像可通过文本编辑 阅读全文
posted @ 2017-03-03 10:39 letitia_blog 阅读(103) 评论(0) 推荐(0)
WEB存储
摘要：客户端存储数据两种方法 1.localStorage 没有时间限制的数据存储 2.sessionStorage 针对一个session的数据存储（当浏览器被关闭掉之后，数据就会被清楚掉） 与cookie做对比 之前，这些都是由cookie完成的。但是cookie不适合大量数据的存储，因为它们由 每个 阅读全文
posted @ 2017-03-03 10:38 letitia_blog 阅读(143) 评论(0) 推荐(0)
HTML5 File API的应用
摘要：HTML5 File API简介 HTML5File API协议族 Directories and System 文件系统和目录读取 FileWriter 写入文件 FileReader 读取文件 File API 页面选择文件处理 实现文件列表功能 sds 操作栏的创建及WebFont的使用 sd 阅读全文
posted @ 2017-03-03 10:38 letitia_blog 阅读(129) 评论(0) 推荐(0)
HTML5应用缓存与Web Workers
摘要：1.什么是应用程序缓存 HTML5引入了应用程序缓存，这意味着web应用可进行缓存，并可在没有因特网链接时进行访问。 2.应用缓存的优势 离线浏览 用户可在应用离线时使用它们 速度 已缓存资源加载得更快 减少服务器负载 浏览器将只从服务器下载更新过或更改过的资源 3.实现缓存 如需启用应用程序缓存， 阅读全文
posted @ 2017-03-03 10:37 letitia_blog 阅读(231) 评论(0) 推荐(0)
响应式简述
摘要：@media Media Queries(媒体查询)，他的作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。 其实就是，允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。 screen（屏幕）是媒体类型里的一种，css2.1定义了10种媒体类型。 and被称为关键 阅读全文
posted @ 2017-03-02 20:59 letitia_blog 阅读(204) 评论(0) 推荐(0)
html5的表单元素总结
摘要： 阅读全文
posted @ 2017-03-02 17:52 letitia_blog 阅读(201) 评论(0) 推荐(0)
手机页面操作栏的创建及WebFont的使用
摘要：一、手机界面底部操作栏的创建。 1 21 22 23 新建文件夹24 复制25 删除26 css flexbox(可伸缩盒模型)：面向的场景，容器的大小是可变的，在容器内部的子节点，也要随着容器的变动，进行大小的调整和次序的变更，并且能够自动填满容器，伸缩容器，伸缩项目，主轴... 阅读全文
posted @ 2015-08-10 18:09 letitia_blog 阅读(524) 评论(0) 推荐(0)
html5与html4区别
摘要：一、推出理由及目标HTML5的出现，对于WEB来说意义重大，因为它的意图是想把目前web上存在的各种问题一并解决掉。·web浏览器之间的兼容性很低·文档结构不够明显·web应用程序的功能受到限制世界知名浏览器厂商对HTML5的支持：微软’Google、苹果、Opera、Mozilla二、语法的改变·... 阅读全文
posted @ 2015-08-10 15:43 letitia_blog 阅读(153) 评论(0) 推荐(0)