zhangyaochun
- 浏览: 2621016 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
本文内容来自于"为之漫笔"的译文《html5设计原理》，个人做积累学习用！
先说说HTML:
- HTML 最早从2.0版本开始，没有1.0版本，从前有一个HTML Tags的文档----非官方的规范
- HTML2.0 不是出自W3C之手，是由IETF(Internet Engineering Task Force)因特网工程任务组制定的
- 从第三个版本开始往后，W3C，万维网联盟（World Wide Web Consortium）开始接手，并负责后续版本的制定
- 1997-1999年，HTML的版本从3.2到4.0到4.1
- 在HTML4.01之后他们提出了 XHTML 1.0
html5的设计模式：
- 向前后兼容
- 省略不必要的复杂性
- 新的doctype
<!DOCTYPE html>
2. script标签去掉type设置
3. link标签去掉type设置
- 支持已有的内容
- 解决现实的问题
- 求真务实
-------- 新的语义元素，给内容分区(内容模型！)
- 平稳退化（渐进增强）
- input的新类型
input type="number" input type="search" input type="email" input type="date" input type="url"
浏览器无法理解的，会将type的值解释为text
2. placeholder的引入
- 最终用户优先
解决冲突的机制
扩展阅读：
http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html
分享到：
发表评论
-
style新的属性 scoped
2013-12-14 17:33 2426本文收录一个style的新属性：scoped ... -
html5 form的novalidate属性
2013-12-13 21:31 964HTML5 form的 novalidate属 ... -
main元素
2013-08-03 11:52 1323main元素： 来自：HT ... -
link之dns-prefetch
2013-07-08 13:40 1448先看一段代码： <link re ... -
丢弃shiv的外链依赖吧
2013-05-20 20:08 1325很久之前，我们都是直接采用shiv来规避低版 ... -
html5之dialog标签
2013-04-17 15:14 2129前言： 本文部分内容来自w ... -
html5之meter标签
2013-04-17 15:14 1463前言： 本文部分内容来自w3sc ... -
html5之datalist标签
2013-04-17 15:14 1502前言： 本文部分内容来自w3sc ... -
html5之bdi标签
2013-04-17 15:15 1595前言： 本文内容部分来自w3sc ... -
fullScreen API
2013-04-11 11:42 1362本文只是贴出一下兼容列表： ... -
html5 button的form属性
2013-04-11 11:35 1324本文来自：http://www.w3schoo ... -
Data URI
2013-03-05 18:13 1549前言： 本文部分内容来自 《随网之舞 ... -
在线检测相关
2013-03-05 14:16 1322如何判断当前浏览器的在线或离线状态？ // ... -
离线存储 application cache
2013-03-05 10:57 1831离线与缓存： 网页缓存依赖网络的存 ... -
html5 右键菜单案例
2013-03-04 13:05 4380contextmenu属性 html ... -
html5 之menu标签
2013-03-04 12:10 2048HTML5 menu标签 定义菜 ... -
设置type="range"为vertical
2013-02-21 16:56 1416如何设置type=“range”为vertical ... -
ios5新特性部分整理
2013-02-21 16:56 1298本文整理一下ios5对HTML5的支持情况： ... -
IE10支持HTML5的输入类型
2013-02-20 11:47 1356IE10对部分输入控件进行了触控优化： ... -
pageshow与pagehide
2013-02-19 16:18 1840本文部分内容来自《Javascript高级程序设计》，个人 ...
相关推荐
DOCTYPE html>`**：文档类型声明，告诉浏览器这是一个HTML5文档。 - **`<html>`**：文档的根元素。 - **`<head>`**：包含关于文档的元数据，如标题。 - **`<title>`**：设置浏览器标题栏或标签页的标题。 - **`...
在JavaScript的世界里，jQuery是一个非常流行的库，它简化了DOM操作、事件处理和Ajax交互等...无论你是初学者还是经验丰富的开发者，重新认识并熟练掌握`html()`方法，都将对你的JavaScript和jQuery实践带来显著提升。
### 解读HTML5：特性与应用 #### HTML5特性概览 HTML5是Web开发领域的一个重要里程碑，它不仅引入了一系列新的元素和属性，还增强了Web应用的功能性和交互性。以下是对HTML5主要特性的详细介绍： ##### 1. 语义化...
【初识HTML5，认识HTML】 HTML5是超文本标记语言（HyperText Markup Language）的第五个版本，是用于创建网页的标准标记语言。自2014年正式发布以来，HTML5已经成为现代网页开发的核心，它极大地提升了用户体验，...
3. **DOM**：文档对象模型，允许JavaScript操作HTML或XML文档的结构。 4. **CSS**：用于更新页面样式。 **jQuery** 是一个轻量级的JavaScript库，它简化了JavaScript的使用，提供了丰富的API，使开发者能够更方便地...
认识CSS3和HTML5 讲解css html5
认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf认识HTML5网页结构.pdf
### HTML5总体认识 #### 一、HTML5的起源与发展 HTML5是在2004年由WHATWG（网页超文本技术工作小组）提出的，并在2007年被W3C接纳。第一份正式草案在2008年1月22日公布，自那时起，HTML5经历了一系列的发展和完善...
在HTML5和CSS3的网页制作中，`transform`属性是一个至关重要的工具，它极大地丰富了网页动态效果的实现方式。在没有CSS3之前，要创建复杂的变形效果，通常需要依赖于图片、Flash动画或者JavaScript脚本。然而，随着...
学会创建Web页面的真正诀窍，并认识到为什么你的老板所说的关于HTML表格的一切都有可能是错误的（以及做什么来代替）。最重要的是，在鸡尾酒会上当你的同事随口提及他的HTML现在如何完整以及他的CSS是在外部样式表里...
4. **互联网支持**：Windows 8对Flash和Html5的原生支持使其在网络浏览方面表现出色，能够实现多样化的网络应用，如编辑代码、网购等。 尽管iPad和Android平板有庞大的应用库，但Windows 8平板在系统管理和专业软件...
HTML5的简单认识与PC端的HTML的关系 HTML5的现状(企业、技术、游戏) HTML5与APP开发的关系(三种APP开发模式) HTML5与Web-App与企业的关系 HTML5与微信公共账号的关系 HTML5的简单企业推广页 HTML5扩展认识（小...
html> 7 1.3.3 文件头部标签<head> 7 1.3.4 文件标题标签<title> 7 1.3.5 文件主体标签<body> 7 1.3.6 编写文件的注意事项 8 1.4 编写第一个HTML文件 8 1.4.1 HTML文件的编写方法 ...
### 认识CSS3和HTML5 随着网络技术的发展，网页设计的需求日益复杂化与多样化。为了满足这些需求，HTML5 和 CSS3 应运而生。本文将着重介绍CSS3中的两个关键特性：`background-clip`和`background-origin`。 #### ...
内容节选（共100页）： 本文写于2006年1月，当时IE7、IE8和Firefox3还未发行，文中所有说的浏览器支持均未包括这三个版本的浏览器。在IE8和Firefox3中，文中的大部分选择符已经被支持[dudo注] ...
项目1-认识HTML5.pptx
《Head First HTML与CSS》是Web开发领域里一本广受欢迎的入门书籍，尤其适合...阅读两遍，不仅能够对HTML和CSS有大致的认识，还能逐步建立起实际编写网页的能力。这本书以轻松易懂的方式讲解技术，非常适合初学者入门。