随笔分类 - HTML
摘要：虽然微软已经在IE9浏览器中使用了不少的HTML5实例，另外还有不少浏览器也开始采用HTML，但是HTML5实际上还之是一个还没有真正完成 的标准，HTML5距离真正的标准化还有相当长的一段时间。近日万维网联盟W3C对外表示HTML5标准计划在2014年完成。 到2011年5月HTML5标准将会进入到Last Call阶段，开发人员能够集中对该标准进行确定并对相关的开发进行更精准的定位，另外还将针对终端用户进行更多的改进。另外万维网联盟W3C还表示目前 正在开发一个更为完善的测试套件，开发人员通过这个测试套件能够快速的对软件进行检验，然后通过得分来对新的平台进行更为精确的评判。
万维...
阅读全文
摘要：想要制作一些很酷的头部效果并且不使用图片文件嘛？可以尝试一下 CSS3 里面的 @font-face。
代码如下： @font-face { font-family: qianduanNet; src: url("SketchRockwell.ttf");
} .fontFace{ font-family: qianduanNet; font-size: 3.2em; letter-spacing: 1px; text-align: center;
} 但这需要你去下载字体，相对而言 Google Font Directory 就方便太多了。只可惜目前不支持中文。
不过简单
阅读全文
摘要：好久没晒代码了。今天心情不错，搬出来晒晒太阳。 var getCursorEndPosition = function (textarea) { textarea.focus(); // 首先当然要设为选中了 if (textarea.setSelectionRange) { // W3C return textarea.selectionEnd; } else if (document.selection) { // IE var i ...
阅读全文
摘要：懒得翻译了。将就看下 *-*
Posted by Henry Jones
Shaken Grid This theme is perfect for you if you’re in need of a gallery/portfolio website or if you just want a website with a unique grid layout that not many websites have taken full advantage of yet. “Shaken Grid” uses the jQuery Masonry plugin which “arr...
阅读全文
摘要：如果能在自己的网页中使用自定义的标签是不是很酷呢，比如用你的网站的域名、用你的网名、用你所爱的人的名字来定义HTML标签并内嵌到网页中，本文就介绍一下这方面的内容。 首先需要在<html>标签中进行这样的申明： <html xmlns:vanessa>，xmlns即xml name space的缩写，是HTML标记的命名空间属性:一般其声明在元素开始标记的地方。只要在这里申明了我要使用的vanessa这一自定义标签，语法分析器 就会认识这个标签并赋予我定义的属性了。 下面我们来定义一下这个标签所要使用的属性了，在<style></style>标签
阅读全文
摘要：Meta tags are hidden html tags of an html document that are not displayed in a browser but provide a browser or search engine robot with useful information.Using Meta Tags? Meta tags are html tags that are included in the tag along with the </b></span> tag. A meta tag is formatted in the
阅读全文
摘要：文章有点混乱但是很基本也很详细，mark 一下转自：http://tech.ccidnet.com/art/3539/20100714/2115221_2.htmlmeta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：＜head＞＜metahttp-equiv="content-Type"content="text/html;charset=gb2312"＞＜/head＞如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。一、m
阅读全文
摘要：很是强大。转自：http://www.infoq.com/cn/news/2010/06/gmail-harness-html5作者 张龙 发布于 2010年6月30日 上午1时57分据软件工程师Adam de Boor所述，随着Google对即将出来的HTML 5标准热情的不断升温，Gmail的很多新特性都打算采用HTML 5实现。De Boor于上周四在波斯顿召开的Usenix WebApps大会上说到“HTML 5会让很多工作变得简单和高效”。“HTML 5让我兴奋不已，关键在于有多少浏览器厂商会使用它，我对IE9抱...
阅读全文
摘要：早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。Blowing up HTML5 video and mapping it into 3D space（将HTML5视频吹散并组成3D效果）最近我研究了HTML 5中的Canvas 和Video 标签，并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。Code a Backw...
阅读全文
摘要：作者 崔康 发布于 2010年5月13日 下午10时14分 随着Web2.0技术的不断发展，Web前端的优化受到越来越多的关注，特别是JavaScript和CSS优化的讨论一直是热点，工具也相对丰富，而对HTML优化则有所忽视，最近，来自百度泛用户体验团队的工程师Miller（chenminliang）撰文强调了HTML优化的重要性和相关技巧。Miller首先举例说明了HTML优化稍显忽略的事实：在Steve Souders的大作《Even Faster Web Sites》中谈到非常多有效...
阅读全文
摘要：转自：InfoQ 作者 Abel Avram 译者 张龙 发布于 2010年1月30日 上午12时6分 目前Web Hypertext Application Technology Working Group（WHATWG）正与W3C通力合作建立HTML 5标准，在过去3个月中，该项工作已经进入到了WHATWG的“Last Call”阶段。在这期间，变化最大的一个特性就是iframe元素的sandbox属性。sandbox属性可以防止不信任的...
阅读全文
摘要：颜 林, 软件工程师, IBM2009 年 12 月 10 日HTML5 引入了新的的网页元素：<canvas>。Canvas 是一片空白的绘图区域，网页开发者可以利用 JavaScript在该区域中自由地进行 2D 绘图。Canvas 可以用于渲染华丽的网页设计界面。本文通过一个详细的实例来说明如何用 Canvas来制作一个图片的浏览器。最终的效果可以达到 Flash 程序的效果。通过本文，读者可以了解如何使用 Canvas的各种函数以及如何与用户事件进行交互，适合读者为 Web 设计和架构师。HTML Canvas 介绍HTML5是目前正在讨论的新一代 HTML 标准，它代表了
阅读全文
摘要：作者 Dionysios G. Synodinos 译者王瑜珩 发布于 2009年10月27日 上午1时36分 HTML 5是万维网核心语言的第5个主要版本，早在2004年就由网络富文本应用技术工作组（WHATWG）发起。虽然标准仍在制定之中，但有些浏览器已经能够支持一部分HTML 5的特性了，如Safari 4 beta。 汇集最新RIA技术相关资源，提供Flash开发平台相关工具高速下载，免费获得Adobe软件的产品序列号。除了更多的标记以外，HTML 5还添加了一些脚本API： 新增的特性充分地考虑了...
阅读全文
摘要：以前写html的时候总是不注意doctype的声明，使用的 NetBeans IDE new html 时自动生成是什么样子就是什么样子了。后来用Eclipse new html 的时候居然不会生成，当时没太注意，没就没了。在前端观察的一篇帖子 视觉手册:CSS在IE6,IE7和IE8中的兼容性 中对css选择器在IE6， 7， 8中进行了讨论，后来发觉争议点的前提就是doctype在doctype声明的html版本在3.2以上，css 选择器就支持IE7， 8，否则还真是不支持。 以前写html代码的时候不论在格式，命名，标记等地方都按照标准写，可是自己却忽视了这么一个重要的标准。天哪，我错
阅读全文
摘要：新的文档类型，字符集和页面结构HTML 不再需要 SGML 来定义它的文档类型，文档类型在 HTML 里会更加简单的被定义。现在甚至在头部定义字符集会更加的简单。例如：<!doctype html><meta charset="UTF-8"> Page Structure页面结构在 HTML 3中，我们需要使用 table 来制定页面的结构。在 HTML 4中，定义页面结构演化为使用 <div>。HTML 5引入了一组完全新的元素来定义页面结构。 下图展示了使用 HTML 4 的页面结构：<body> <div id=&
阅读全文
摘要：www.jz123.cn Html5对html的标签做了更加语义化的修改，比如增加了<article>，<header>等标签，可以准确的表达文档语义。目前大多数主流浏览器都支持使用这些新标签作为节点，当然，IE系列除外。针对IE，我们可以用一段简单JS创建该节点： <!--[if IE]><script type="text/javascript"> var ce=document.createElement; ce('header'); ce('nav'); ce('dialog&#
阅读全文
