《HTML5学习笔记》

CSS3+HTML5学习笔记四--CSS三栏布局-宽度只适应

三栏布局-宽度只适应 以前做三栏布局时，最常用最简单的方法可能就是：采用float+margin来实现，而CSS3的时代，我们可以有另一种比较“时尚”的方法,就是css3中的盒子模型，代码如下： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Ty
·2015-11-13 04:19

HTML5学习笔记简明版（4）：新元素之video,audio,meter,datalist,keygen,output

video 通过<video>标签，我们可以抛弃最近不怎么讨好的Flash，直接在页面中播放视频文件。视频文件自然是最符合语义化的文件格式，但该元素标签同样支持音频与图片。 过去(及目前)，我们通常要使用类似下面这样繁冗丑陋的代码来将视频放置在页面中，但这种方式要求浏览器安装有Flash插件，并支持JavaScript： <object classid="cls
·2015-11-13 01:00

HTML5学习笔记之Input类型

Input类型——email 　　email类型用于包含email地址的输入域，在输入地址时会自动验证email域的值 　　例：Email：<input type="email" name="user_email"> 　　在提交时会自动检测输入内容是否合法 Input类型——url 　　url类型用于应该包含url地址的输入域，在提交时
·2015-11-12 19:00

HTML5学习笔记之客户端存储数据方法：localStorage(),sessionStorage()

HTML5提供了两种在客户端存储数据的新方法： 　　localStorage():没有时间限制的数据存储 　　sessionStorage():针对一个session的数据存储 　　下面的一个例子用localStroage()方法对用户访问页面的次数进行计数 　　<script type="text/javascript"> 　　　　if(localSto
·2015-11-12 19:59

HTML5学习笔记-video

HTML5 <video> - 方法、属性以及事件 方法 play()——播放 pause()——暂停 load()——加载 canPlayType——检测您的浏览器是否能播放不同类型的视频 ex： var myVideo = document.getElementById("video1"); var lbl = document.getElement
·2015-11-12 15:28

CSS3+HTML5学习笔记（1）

box内阴影：　　-moz-box-shadow:inset 0 0 30px #000000; 　　-webkit-box-shadow:inset 0 0 30px #000000; 　　box-shadow:inset 0 0 30px #000000;多重文字阴影：text-shadow: 0px 1px #ffffff,4px 4px 0px #dad7d7;背景渐变:backgro
·2015-11-12 14:51

HTML5学习笔记一：新增主体结构元素

Dreamweaver快捷键： 属性面板：Ctrl+F3 新建文档：Ctrl+N 选择用网页查看：F12 新增的主体结构元素： section元素（例子如下）： <!DOCTYPE HTML> <html> <body>    <section>    <h2>section元素使用方
·2015-11-12 13:20

html5学习笔记2

css3选择器 1.通过元素的关键字，如p,div等 2.通过id属性 3.通过class属性引用 3.1通过class属性引用p标签，如：p.text{}//text样式只适用于p 4.通过任意键引用 例如：p[name]{}//仅引用带有name属性的p标签 p[name="my"]{}//仅引用带有name属性等于“my”的p标签 还可以使用正则表达式p[
·2015-11-12 12:12

html5学习笔记——HTML5 web存储

本地存储是html5中的新加功能，增加这一功能是因为在使用cookies时有以下几个问题： 1、大小：cookies的大小限制在4KB。 2、带宽：cookies随http事务一起被传送，这样就会占用一部分宽带。 3、复杂性：很难对cookies进行正确的操作。 HTML5 提供了两种在客户端存储数据的新方法： sessionStorage：针对一个 session 的数据存储短暂的，如
·2015-11-12 11:56

html5学习笔记——HTML 5 视频

<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的如： <video src="movie.ogg" width="320" height="240" controls="controls"> Your browser does not
·2015-11-12 11:55

html5学习笔记

html5文档必须以<!DOCTYPE html>开头 <html lang="en">lang为属性，属性值为en（定义语言为英语）或zh-CN（定义语言为中文） 如果浏览器遵循w3c标准，lang属性可以用来定义样式，class定义了主要的样式，lang属性可以在此基础上做出修改， 比如： <style> p｛  
·2015-11-11 19:41

html5学习笔记---03. Canvas简介,Canvas的使用方法

2013/6/10 03. Canvas简介 a.创梦技术qq交流群：CreDream：251572072 ------------------------- a.Canvas 元素是HTML5的新元素之一，用于在网页上绘制图形，相当于在 HTML 中嵌   入了一张画布，这样就可以直接在HTML 上进行图形操作了，所以它具有极大的应用价值。   Canvas 元
·2015-11-11 13:03

html5学习笔记---05.JavaScript 中的面向对象,继承和封装

05.JavaScript 中的面向对象 a.创梦技术qq交流群：CreDream：251572072 a.JavaScript 是一种基于对象的语言   类:JavaScript 对象很抽象，所以下面将以实际的例子来解释如何定义一个简单的类。以下      是一个没有任何属性和方法的类的定义：     
·2015-11-11 13:01

HTML5学习笔记

HTML5学习笔记 1.HTML5 - 新特性 HTML5 中的一些有趣的新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持
·2015-11-09 12:13

HTML5学习笔记

HTML5可以做的事情 1. 制作时尚的表单 2. 构建实用的HTML5框架 3. 开发丰富多彩的游戏 4.  以更直观的方式让数据可视化呈现 5. HTML5的未来 – 惊艳的HTML5示例和实验 HTML的新特点 新特性 HTML5 中的一些有趣的新特性： · 用于绘画的 canvas 元素 · 用于媒介回放的 video 和 audio
·2015-11-08 16:40

HTML5学习笔记1

1.　参考资料W3C网站(http://w3c.org) 　　另外就是Mozilla开发者网络(http://developer.mozilla.org)更具有亲和力,权威性较差 　　示例代码:apress.com 2.　空元素:元素的开始和结束标签之间并非一定要有内容,没有内容的元素称为空元素 3.　虚元素:有些元素只能使用一个标签表示,在其中放置任何内容都不符合HTML规范.这类元素称
·2015-11-08 15:41

HTML5学习笔记简明版（11）：新API

HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口。 这些接口在全部实现了Document接口的元素对象上进行了实现。HTML5在里面也新添加了几个成员： getElementsByClassName()：用class类获取元素，用这种方法能够查询不论什么带有class属性且带有符合该class參数值的元素和Doc
·2015-11-07 14:47

<HTML5学习笔记>1.HTML5 的结构元素

　　HTML5 对HTML4所做的各种修改中，一个比较重大的修改就是为了使文档结构更加清晰、明确，容易阅读，增加了很多新的结构元素。学习一些新增的结构元素。 1.article 　　　　article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。 1 <article> 2 <header> 3
·2015-11-02 18:27

HTML5学习笔记

1.视频 <video src="test.mp4" controls="controls"> controls属性用来控制控件的显示 <!DOCTYPE html> <html> <body> <div style="text-align:center;"
·2015-10-31 18:40

HTML5学习笔记 - 本地数据库

 Google已经在Chrome 中通过SQLite提供对Web SQL Database的支持 接口说明： 1.打开一个数据库： 　　var db = openDatabase('mydb', '1.0', 'test', 2 * 1024 * 1024, function(db){ });       参数说明：数据库名(
·2015-10-31 17:18

HTML5学习笔记简明版（3）：新元素之hgroup,header,footer,address,nav

hgroup <hgroup> 标签用于对网页或区段（section）的标题进行组合。 <hgroup> <h1>Welcome to my WWF</h1> <h2>For a living planet</h2></hgroup><p>The rest of the content...&
·2015-10-31 16:37

HTML5学习笔记一

HTML5新增的结构元素： <section></section>:表示页面中的一个内容区块，如章节、页眉、页脚或页面中的其他部分。它可以与h1-h6等元素结合起来使用，标示文档结构。 <article></article>：表示页面中的一块与上下文不相关的独立内容，譬如博客中的一篇文章或报纸中的一篇文章。 <aside></
·2015-10-31 08:39

HTML5学习笔记三

convas 使用 <!--不能用css样式去定义canvas的宽度和高度，否则画图会出错！--> <canvas id="test" width="500" height="500">如果能看到这行文字，则你的浏览器不支持canvas标签</canvas> 1) 绘制矩形 <scr
·2015-10-30 16:30

HTML5学习笔记二

主体结构元素：section、article、nav、aside 【注】内容区块：是指将页面按逻辑进行分割的单位。例如对于书籍来说，章、节都可以成为内容区块；对于博客来说，导航菜单，文章正文，文章评论等每一个部分都可以称为内容区块。 article：可独自被外部引用的内容，可以是一篇博文，或报刊中的文章、一片论坛帖子。 View Code <article>
·2015-10-30 16:29

HTML5学习笔记

概述： HTML5做为最新的WEB前端标准，虽然全面的普及还需要一段时间，但了解下它的基本情况还是必须地！ 本文简要介绍学习过程中了解到的几个技术点。 注：请使用支持HTML5的浏览器浏览本页面！点击下面的按钮检查你的浏览器是否支持HTML5！ 正文： 基本HTML5文档格式 <!doctype html> <html> <head>
·2015-10-30 13:06

HTML5学习笔记(一)canvas画图

  效果图  兼容ie的两个js库 <!--[if lte IE 9]> <script type="text/javascript" src="../excanvas.js"></script> <script src="http://html5shiv.googl
·2015-10-28 09:20

HTML5学习笔记 视频

许多时髦的网站都提供视频。html5提供了展示视频的标准 检测您的浏览器是否支持html5视频 Web上的视频 直到现在，仍然不存在一项旨在网页上显示视频的标准。 今天，大多数视频是通过插件（比如Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 html5规定了一种通过video元素来包含视频的标准方法。 视频格式 当前，dideo元素支持三种视频格式： 格式 IE
·2015-10-28 09:25

HTML5学习笔记3

7.文档元素 文档元素的主要作用是划分各个不同的内容，让整个页面布局清晰明快，让整个布局具有语义，进一步替代div。基本上没有什么实际作用效果，主要目的是在页面布局时区分各个主题和概念。h1~h6 表示标题header 表示标题footer 表示尾部nav 表示有意集中在一起的导航元素section 表示重要概念或主题article 表示一段独立的内容 一般博客里博文都用address 表示文档
·2015-10-26 15:23

HTML5学习笔记1 HTML5 新元素

自1999年以后html4.0已经改变了很我，今天，在html4.01中的几个已经被废弃，这些元素在html5中已经被删除或重新定义。 为了更好地处理今天的互联网应用，html5添加了很多新元素及功能。比如，图形的绘制，多媒体内容，更好的页面结构，更好的形式处理，和几个api拖放元素，定位，包括网页应用程序缓存，存储，网络工作者等。 <canvas>新元素 标签定义图形，比如图表
·2015-10-21 12:10

HTML5学习笔记简明版（10）：过时的元素和属性

被遗弃的元素（Element） 这个小节里列出的元素在HTML5里将不再使用，现有文档升级到 HTML5的话能够使用一些替代方案。比如parser section 能够处理isindex 元素的功能。 以下的元素被废弃的原因是用CSS处理能够更好地替代他们： basefont big center font strike tt 以下的元素被废弃的原因
·2015-10-21 12:27

HTML5学习笔记简明版（2）：新元素之section,article,aside

section section元素描绘的是一个文档或者程序里的普通的section节，一般来说一个section包含一个head和一个content内容块。section可以表示成一个小节，或者tab页面里的一个tab下的box块。一个页面里可以拆分成多个section，分别代表introduction, news items和contact information。 如果元素的内容集中到一起
·2015-10-21 11:21

HTML5学习笔记简明版（1）：HTML5介绍与语法

HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范，它提供了一些新的元素和属性（例如<nav>网站导航块和<footer>）。新型的标签有利于搜索引擎和语义分析，同时更好地帮助小屏幕装置和视障人士使用，除此之外，也提供了一些新的功能，比如视频音频用的<video>和<audio>，总结而言，有如下几大特点： 取消了一些HT
·2015-10-21 11:21

html5学习笔记(7)

html5编辑API之Range对象1：Range对象代表页面上的一段连续的区域：Selection对象和Range对象                        function rangeTest(){             var html;             showRangeDiv = document.getElementById("showRange");    
thystar·2015-08-12 16:22

html5学习笔记(7)

html5编辑API之Range对象1：Range对象代表页面上的一段连续的区域：Selection对象和Range对象                        function rangeTest(){             var html;             showRangeDiv = document.getElementById("showRange");    
thystar·2015-08-12 16:22

html5学习笔记(5)

html5表单的新增元素和属性formaction:                                      提交到xx.jsp         提交到xx.jsp         提交到xx.jsp      formmethod:     提交到xx.jsp     提交到xx.jsp     提交到xx.jsp formenctype                for
thystar·2015-06-25 05:39

html5学习笔记(5)

html5表单的新增元素和属性formaction:                                      提交到xx.jsp         提交到xx.jsp         提交到xx.jsp      formmethod:     提交到xx.jsp     提交到xx.jsp     提交到xx.jsp formenctype                for
thystar·2015-06-25 05:39

html5学习笔记(4)

XHTML可扩展的超文本标记语言文档声明：    DTD：html5与html4的区别html5新增的元素：结构元素：section，article，aside，header，hgroup，footer,nav,figure其他元素：video，audio,canvas, input，元素类型：Email， 全局属性：contentEditabledisignModehiddenspellchec
thystar·2015-06-25 00:05

html5学习笔记(4)

XHTML可扩展的超文本标记语言文档声明：    DTD：html5与html4的区别html5新增的元素：结构元素：section，article，aside，header，hgroup，footer,nav,figure其他元素：video，audio,canvas, input，元素类型：Email， 全局属性：contentEditabledisignModehiddenspellchec
thystar·2015-06-25 00:05

《HTML5学习笔记简明版》系列技术文章整理收藏

《HTML5学习笔记简明版》系列技术文章整理收藏HTML5学习笔记简明版来自博客园的汤姆大叔，在HTML5学习笔记简明版汤姆大叔对HTML5有更详细的讲解，收藏在这里供学习参考 1HTML5学习笔记简明版目录索引
汐蓝-空·2015-06-23 14:00

html5学习笔记(3)

html表单的创建表单：表单用于获取不同类型的用户输入常用标签：http://www.w3school.com.cn/tags/html_ref_byfunc.asp                        用户名                  密码                                    fruit                  apple  
thystar·2015-06-23 14:56

html5学习笔记(3)

html表单的创建表单：表单用于获取不同类型的用户输入常用标签：http://www.w3school.com.cn/tags/html_ref_byfunc.asp                        用户名                  密码                                    fruit                  apple  
thystar·2015-06-23 14:56

html5学习笔记(2)

html5列表：http://www.w3school.com.cn/tags/html_ref_byfunc.asp列表：无序列表：使用标签属性：disc,circle,square有序列表：使用标签属性：A,a,I,i,start嵌套列表：使用标签：,,自定义列表：使用标签：,,              apple         bnana         orange          
thystar·2015-06-23 01:39

html5学习笔记(2)

html5列表：http://www.w3school.com.cn/tags/html_ref_byfunc.asp列表：无序列表：使用标签属性：disc,circle,square有序列表：使用标签属性：A,a,I,i,start嵌套列表：使用标签：,,自定义列表：使用标签：,,              apple         bnana         orange          
thystar·2015-06-23 01:39

html5学习笔记(1)

HTML5用于绘画的canvas标签用于媒介回放的video和audio元素新的特殊元素：article，footer，header，nav,section新的表单控件：calender，date，time，Email，url，search浏览器支持，IE9以后本地离线存储的更好的支持开发环境：http://www.jetbrains.com/idea/基础知识：    html5声明，代表当前是
thystar·2015-06-22 16:47

html5学习笔记(1)

HTML5用于绘画的canvas标签用于媒介回放的video和audio元素新的特殊元素：article，footer，header，nav,section新的表单控件：calender，date，time，Email，url，search浏览器支持，IE9以后本地离线存储的更好的支持开发环境：http://www.jetbrains.com/idea/基础知识：    html5声明，代表当前是
thystar·2015-06-22 16:47

《HTML5学习笔记简明版》系列技术文章整理收藏

《HTML5学习笔记简明版》系列技术文章整理收藏HTML5学习笔记简明版来自博客园的汤姆大叔，在HTML5学习笔记简明版汤姆大叔对HTML5有更详细的讲解，收藏在这里供学习参考 1HTML5学习笔记简明版目录索引
开元中国2015·2015-06-22 10:00

《HTML5学习笔记简明版》系列技术文章整理收藏

《HTML5学习笔记简明版》系列技术文章整理收藏HTML5学习笔记简明版来自博客园的汤姆大叔，在HTML5学习笔记简明版汤姆大叔对HTML5有更详细的讲解，收藏在这里供学习参考 1HTML5学习笔记简明版目录索引
开元中国2015·2015-06-22 10:00

HTML5学习笔记3 内联SVG

HTML5支持内联SVG 下面来介绍一下什么是SVG SVG可缩放矢量图形 可缩放矢量是基于可扩展标记语言(标准通用语言的子集)，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。 使用xml格式定义图形 在放大或缩小或改变尺寸的情况下其图形质量不会有损失 SVG优势 与其他的图像格式相比（比如jpeg和gif）,使用svg优势在于 svg图像可通过文本编辑器
·2015-06-02 23:00

小黑小波比.极客学院.HTML5学习笔记

第1阶段HTML开发前准备1_开发前准备1_开发前的准备为什么学习HTML5？因为HTML5的时代要来了。跨平台运行。然后硬件要求低双核2GB即可什么是HTML5？HTML5是一种描述网页的一种语言HTML5是指超文本标记语言（HyperTextMarupLanguage）不是编程语言，是标记语言新特性canvas标签video和audio元素离线储存更好支持新的特殊内容元素：article、fo
snow_it_bobo·2015-05-14 15:00

HTML5学习笔记4

10.表单元素表单元素用于获取用户的输入数据form 表示HTML表单属性：    action 表示表单提交的页面    method 表示表单提交的请求方式：有POST和GET两种，默认GET（POST采用表单提交，GET采用超链接提交）    enctype 表示浏览器对发生给服务器的数据所采用的编码格
·2015-03-23 13:00
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他