![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
梦回html5
文章平均质量分 93
四哥-云上
大学之道,在明明德,在亲民,在止于至善!
展开
-
HTML5 简介
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5 简单易学。什么是 HTML5?HTML5 是下一代 HTML 标准。HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。HTML5 仍处于完原创 2016-05-27 21:30:14 · 269 阅读 · 0 评论 -
HTML5 MathML 对应的标签是 <math>...</math>【数学表达式】
HTML5 MathMLHTML5 可以在文档中使用 MathML 元素,对应的标签是 ... 。MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。注意:大部分浏览器都支持 MathML 标签,如果你的浏览器不支持该标签,可以使用最新版的 Firefox 或 Safari 浏览器查看。原创 2016-07-06 10:53:44 · 689 阅读 · 0 评论 -
HTML5 拖放(Drag 和 Drop)【步骤:<img draggable="true">;拖动什么 - ondragstart 和 setData();放到何处 - ondragover】
HTML5 拖放(Drag 和 Drop)拖放(Drag 和 drop)是 HTML5 标准的组成部分。将w3cschool图标拖动到矩形框中。拖放拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。浏览器支持Internet Explor原创 2016-07-06 11:08:15 · 1260 阅读 · 0 评论 -
HTML5 Video(视频)【<video> 元素支持多个 <source> 元素. <source> 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式】
HTML5 Video(视频)很多站点都会使用到视频. HTML5 提供了展示视频的标准。检测您的浏览器是否支持 HTML5 视频:检测Web站点上的视频直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了原创 2016-07-06 17:44:23 · 3788 阅读 · 0 评论 -
HTML5 Audio(音频) HTML5 提供了播放音频文件的标准。<audio> 元素允许使用多个 <source> 元素. <source> 元素可以链接不同的音频文件,浏览器将使用第一个支持的
HTML5 Audio(音频)HTML5 提供了播放音频文件的标准。互联网上的音频直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了在网页上嵌入音频元素的标准,即使用 元素。浏览器支持Internet Ex原创 2016-07-06 17:52:44 · 2508 阅读 · 0 评论 -
HTML5 新的 Input 表单输入类型【color;date; datetime; datetime-local; month; number; range; search; time; u 】
HTML5 新的 Input 类型HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型:colordatedatetimedatetime-localemailmonthnumberrangesearchteltimeurlweek注意:并不是所有的主流浏览器都支原创 2016-07-06 18:02:37 · 1553 阅读 · 0 评论 -
HTML5 新的表单元素 【datalist选项列表;keygen加密,验证用户;output不同类型的输出】
HTML5 新的表单元素HTML5 有以下新的表单元素:注意:不是所有的浏览器都支持HTML5 新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素。HTML5 元素 元素规定输入域的选项列表。 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时,浏览器应原创 2016-07-07 12:49:10 · 1177 阅读 · 0 评论 -
HTML5 新的表单属性(form/input:【autocomplete自动完成;novalidate无需验证;】)。(input【autofocus自动获取光标;form属性】)
HTML5 新的表单属性HTML5 的 和 标签添加了几个新属性.新属性:autocompletenovalidate新属性:autocompleteautofocusformformactionformenctypeformmethodformnovalidateformtargetheight and wid原创 2016-07-07 14:36:34 · 1953 阅读 · 0 评论 -
HTML5中新的语义元素 注意兼容使用Shiv脚本【header; nav; section; article; aside; figure; figure; figcaption;footer 】
HTML5 语义元素语义= 意义.语义元素 = 元素的意义.什么是语义元素?一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义 元素实例: 和 - 无需考虑内容.语义元素实例: , , and - 清楚的定义了它的内容.浏览器支持Internet Explorer 9+, Firefox, Chrome原创 2016-07-07 14:43:54 · 266 阅读 · 0 评论 -
HTML5 Web本地存储用户浏览数据【长久存储localStorage;暂时存储sessionStorage】
HTML5 Web 存储HTML5 web 存储,一个比cookie更好的本地存储方式。什么是 HTML5 Web 存储?使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性原创 2016-07-07 15:29:56 · 447 阅读 · 0 评论 -
HTML5 Web SQL 数据库 创建及查询【创建数据库:openDatabase(); 创建表及插入数据的函数:database.transaction(function (tx){})】
HTML5 Web SQL 数据库Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。如果你是一个 Web 后端程序员,应该很容易理解 SQL 的操作。你也可以参考我们的 SQL 教程,了解更多数据库操作知识。Web SQL 数据库可以在最新版的 Safari, Chro原创 2016-07-07 15:51:50 · 1640 阅读 · 0 评论 -
HTML5 应用程序缓存 离线浏览【Application Cache】轻松地创建 web 应用的离线版本。
HTML5 应用程序缓存使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。什么是应用程序缓存(Application Cache)?HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势:离线浏览 - 用户可在应用离线时原创 2016-07-07 16:08:24 · 228 阅读 · 0 评论 -
移动端web开发技巧汇总【大神进阶之路】
META相关1. 添加到主屏后的标题(IOS)HTML 代码1meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式(IOS)HTML 代码12meta name="apple-mobile-web-app-capable" content="yes原创 2016-07-08 15:42:24 · 263 阅读 · 0 评论 -
弹性盒模型flexbox布局实例
我认为当flexbox支持所有的浏览器时,由于它比浮动布局更加的简单和强大性,它将彻底的改变我们的CSS布局方式。例如我们可以很容易的写出一个元素在未知比例下的居中对齐布局。当然css3新增的其它属性,例如grid也可以给前端开发带来更多的布局方式。下面给出一些例子来证明为什么web开发者应该使用flexbox布局。在前面的文章里面:flexbox基础教程,flexbox完整版教程转载 2016-07-08 17:59:39 · 316 阅读 · 0 评论 -
HTML5实战与剖析之CSS类选择器——querySelector()
今天为大家介绍一下HTML5的相关知识,今儿主要以新增的选择器为主题,为大家介绍。今天为大家介绍的选择器是querySelector()。我将用jQuery和JavaScript两种写法对比的方式为大家分享。希望能为大家在学习HTML5的道路上有所帮助。 querySelector()方法接收一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null。小例子转载 2016-07-07 20:54:51 · 215 阅读 · 0 评论 -
HTML5 Web Workers 运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。【类似多线程并行处理】
HTML5 Web Workersweb worker 是运行在后台的 JavaScript,不会影响页面的性能。什么是 Web Worker?当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内原创 2016-08-06 12:45:26 · 352 阅读 · 0 评论 -
HTML5 内联 SVG 【使用 XML 描述 2D 图形的语言,最适合带有大型渲染区域的应用程序(比如谷歌地图)】
HTML5 内联 SVGHTML5 支持内联 SVG。什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准SVG优势与其他图像格原创 2016-07-06 10:11:45 · 337 阅读 · 0 评论 -
HTML5 Canvas 用JS来绘制图形【画线:moveTo(x,y), lineTo(x,y),stroke(); 绘制圆形:arc(x,y,r,start,stop);文本;渐变;放图】
HTML5 Canvas 标签定义图形,比如图表和其他图像,您必须使用脚本来绘制图形。在画布上(Canvas)画一个红色矩形,渐变矩形,彩色矩形,和一些彩色的文字。 什么是 Canvas?HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成. 标签只是图形容器,您必须使用脚本来绘制图形。你可以通过多种方法使原创 2016-07-06 09:52:40 · 1303 阅读 · 0 评论 -
HTML5 新元素【canvas绘图;video多媒体;datalist新表单;新语义化标签(article;aside;section;header;footer;summary;figure;)】
HTML5 新元素HTML5 新元素自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义。为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络原创 2016-07-06 09:03:47 · 228 阅读 · 0 评论 -
HTML 文本格式化
HTML 格式化标签HTML 使用标签 与 对输出的文本进行格式, 如:粗体 or 斜体这些HTML标签被称为格式化标签(请查看底部完整标签参考手册)。通常标签 替换加粗标签 来使用, 替换 标签使用。然而,这些标签的含义是不同的: 与 定义粗体或斜体文本。 或者 意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器原创 2016-05-29 23:51:57 · 145 阅读 · 0 评论 -
HTML 速查列表【可以打印一份,以备日常使用】
HTML 基本文档文档标题可见文本...基本标签(Basic Tags)最大的标题 . . . . . . . . . . . . 最小的标题这是一个段落。 (换行) (水平线)文本格式化(Formatting)粗体文本计算机代码强调文本斜体文本键盘输入 预格式化文原创 2016-05-29 23:55:14 · 166 阅读 · 0 评论 -
认识xhtml
XHTML 是以 XML 格式编写的 HTML。什么是 XHTML?XHTML 指的是可扩展超文本标记语言XHTML 与 HTML 4.01 几乎是相同的XHTML 是更严格更纯净的 HTML 版本XHTML 是以 XML 应用的方式定义的 HTMLXHTML 是 2001 年 1 月发布的 W3C 推荐标准XHTML 得到所有主流浏览器的支持原创 2016-05-29 23:58:08 · 137 阅读 · 0 评论 -
HTML5 浏览器支持 你可以让一些较早的浏览器(不支持HTML5)支持 HTML5。【兼容问题处理】
HTML5 浏览器支持你可以让一些较早的浏览器(不支持HTML5)支持 HTML5。HTML5 浏览器支持现代的浏览器都支持 HTML5。此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。正因为如此,你可以 "教会" 浏览器处理 "未知" 的 HTML 元素。甚至你可以教会 IE6 (Wind原创 2016-05-30 00:05:12 · 760 阅读 · 0 评论 -
HTML5 新元素汇总
HTML5 新元素自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义。为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等。 新元原创 2016-05-30 00:08:16 · 115 阅读 · 0 评论 -
HTML5 Canvas 通过js完成图形绘制
标签定义图形,比如图表和其他图像,您必须使用脚本来绘制图形。在画布上(Canvas)画一个红色矩形,渐变矩形,彩色矩形,和一些彩色的文字。 什么是 Canvas?HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成. 标签只是图形容器,您必须使用脚本来绘制图形。你可以通过多种方法使用Canva绘制路径,盒、圆、字符以及添加原创 2016-05-30 00:14:26 · 1273 阅读 · 0 评论 -
HTML5 内联 SVG 【使用 XML 描述 2D 图形的语言。】
HTML5 内联 SVGHTML5 支持内联 SVG。什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准SVG优势与其他图像格原创 2016-05-30 00:18:53 · 190 阅读 · 0 评论 -
HTML5 MathML 【书写数学符号和公式的置标语言】
HTML5 可以在文档中使用 MathML 元素,对应的标签是 ... 。MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。注意:大部分浏览器都支持 MathML 标签,如果你的浏览器不支持该标签,可以使用最新版的 Firefox 或 Safari 浏览器查看。MathML 实例以原创 2016-05-30 00:22:26 · 1036 阅读 · 0 评论 -
HTML5 拖放(Drag 和 Drop)
HTML5 拖放(Drag 和 Drop)拖放(Drag 和 drop)是 HTML5 标准的组成部分。将w3cschool图标拖动到矩形框中。拖放拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。浏览器支持Internet Explorer原创 2016-05-30 00:27:36 · 138 阅读 · 0 评论 -
HTML5 Geolocation(地理定位)
HTML5 Geolocation(地理定位)HTML5 Geolocation(地理定位)用于定位用户的位置。定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。浏览器支持Internet Explorer 9+, Firefo原创 2016-05-30 00:32:00 · 133 阅读 · 0 评论 -
HTML5 Video(视频) 【用DOM进行控制】
HTML5 Video(视频)很多站点都会使用到视频. HTML5 提供了展示视频的标准。检测您的浏览器是否支持 HTML5 视频:检测Web站点上的视频直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了原创 2016-05-30 00:37:21 · 1173 阅读 · 0 评论 -
7款外观迷人的HTML5/CSS3 3D特效按钮特效
下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效,有几个还挺实用的,分享给大家。1、CSS3超酷3D弹性按钮 按钮实现非常简单之前我们分享过几款不错的CSS3 3D立体按钮,比如5组可爱CSS3按钮、CSS3灰色按钮菜单 超具3D立体感等。今天我又要向大家分享一款实现超级简单的CSS3 3D弹性按钮,它在鼠标按下时不仅从视觉上感受到3D立体的效果,而且更有转载 2016-06-13 09:16:48 · 334 阅读 · 0 评论 -
魔兽版前端-大家好,我叫逗你玩!
魔兽上映了,有多少看的,下面评论区举举手,发发言!本来首映要去看来着,虽然是一个伪粉丝,但赶赶潮流还是可以的,但由于小编有其他的事情就没看!今天中午吃饭问了一位教学部的老师,他说:就算不是一个游戏玩家,看了也是很精彩的。首映那天,很多专业游戏玩家都去看了,就好像有志同道合的人再看一部电影似的!说的小编也挺想去看啦,改天把魔兽的电影票补上!说完最新电影之后,柠檬再和大家聊聊HTML修转载 2016-06-14 15:32:11 · 256 阅读 · 0 评论 -
HTML5 浏览器支持【完美shiv解决方案源码,主要解决HTML5提出的新的元素不被IE6-8识别】
HTML5 浏览器支持你可以让一些较早的浏览器(不支持HTML5)支持 HTML5。HTML5 浏览器支持现代的浏览器都支持 HTML5。此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。正因为如此,你可以 "教会" 浏览器处理 "未知" 的 HTML 元素。甚至你可以教会 IE6 (Wi原创 2016-07-05 17:25:01 · 186 阅读 · 0 评论 -
【高级篇】javascript静态页面传值的三种方法 【url方法,取值方便,可跨域; cookie方法,同源访问; window.open方法,指向父窗口】
这篇文章介绍了javascript静态页面传值的三种方法及优缺点,有需要的朋友可以参考一下一:JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm复制代码代码如下:function Post(){//单个值 Read.htm?username=baobao;//多全值 R原创 2016-08-06 13:02:30 · 1228 阅读 · 0 评论