当前位置：一起CSS
日期：2010-07-9 分类：前端技术
2000 年底，国际 W3C 织组织公布发行了 XHTML 1.0 版本，到现在已经有 10 年了。这 10 年里， Web 飞速发展，XHTML 1.0 显得“力不从心”，已经跟不上时代的发展了，于是 HTML 5 孕育而生。W3C 在 2010 年 1 月 22 日发布了最新的 HTML 5 工作草案。和以前的版本不同，HTML 5 并非仅仅用来表示 Web 内容，它的使命是将 Web 带入一个成熟的应用平台，在这个平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走，但 HTML 5 正在改变 Web。
HTML 5 作为新一代的超文本标记语言，增加了许多标签。这些标签不但更有语义，而且功能强大。具体有以下标签：
| 标签 |
描述 |
| <article> |
定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。 |
| <aside> |
定义页面内容之外的内容，但应该与页面内容相关 |
| <audio> |
定义声音，比如音乐或其他音频流 |
| <canvas> |
定义图形，比如图表和其他图像。 |
| <command> |
定义命令按钮，比如单选按钮、复选框或按钮。 |
| <datatemplate> |
定义数据模板的一个容器。该元素必须有定义模板的子元素：<rule> 元素 |
| <datagrid> |
定义可选数据的列表。datagrid 作为树列表来显示 |
| <datalist> |
定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表 |
| <dialog> |
定义对话，比如交谈 |
| <embed> |
定义嵌入的内容，比如插件 |
| <event-source> |
定义由服务器发送的事件的来源 |
| <figure> |
定义媒介内容的分组，以及它们的标题 |
| <footer> |
定义 section 或 document 的页脚 |
| <header> |
定义 section 或 document 的页眉 |
| <hgroup> |
将标题分组 |
| <keygen> |
定义生成密钥 |
| <m> |
定义带有记号的文本 |
| <mark> |
主要的功能就是在页面中高亮显示那些需要在视觉上向用户突出其重要性的文字。个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词 |
| <meter> |
定义度量（单位）。仅用于已知最大和最小值的度量 |
| <nav> |
定义导航链接 |
| <nest> |
在数据模板中为子元素定义嵌套点。与 <datatemplate> 和 <rule> 元素一同使用 |
| <output> |
定义不同类型的输出，比如脚本的输出 |
| <progress> |
运行中的进程。可以用来来显示 JavaScript 中耗费时间的函数的进程或下载的进度 |
| <rule> |
定义更新数据模板的规则。与 <datatemplate> 和 <nest> 元素一起使用 |
| <rp> |
在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容 |
| <rt> |
定义汉字的拼音或日语汉字的平假名 |
| <ruby> |
定义亚洲语言中的“附注文字” |
| <section> |
定义文档中的节（section）。比如章节、页眉、页脚或文档中的其他部分 |
| <source> |
为媒介元素（比如 <video> 和 <audio>）定义媒介资源 |
| <summary> |
定义一个摘要，即 detail 的头部。不等同于表格中的 summary 属性 |
| <time> |
定义日期或时间，或者两者 |
| <video> |
定义视频，比如电影片段或其他视频流 |
阅读全文 >
查看：385 评论：3 标签：HTML5
日期：2010-07-7 分类：前端技术
input 的 type 设为 hidden 的话，就是隐藏域（废话）。隐藏域在页面中不显示，但可以有值。既然是“隐藏”的，怎么还说会占空间呢。这是 IE 的 bug，不过这个 bug 的出现需要一定的条件，换句话说就是出现的几率比较低，所以可能很多人没有遇到过。那什么样的情况下会出现呢？看下面的代码：
<input />
<input class="hide" type="hidden" />
<input class="hide" type="hidden" />
……（省略 8 个或更多）
<input type="submit" value="send" />
这样的代码出现的几率是比较小吧，一般情况下，不会有这么多隐藏域，而且表单标签可能会有其他如 p、li 等标签包裹，这样的话，此 bug 又不会出现。我们抛开这些情况，以此 bug 会出现来讨论。上面代码运行后在 IE6 或 IE7 和 FF 中的效果如下图：
在 IE6 或 IE7 中，输入框和提交按钮有很大的间隔，而在 FF 中则效果正常。如果隐藏域越多的话，IE6 或 IE7 中间隔就越大，而 FF 中则始终没有问题。你可以 查看Demo
阅读全文 >
查看：372 评论：2 标签：bug,IE6,IE7
日期：2010-07-2 分类：浏览器
Mozilla 前两天发布了 Firefox 4.0 Beta 1 ，今天又发布了 Firefox 4.0 Beta 2 预览版，速度快的让人招架不住。那么我们来看看发布如此神速的 Firefox 4.0 Beta 2 预览版有什么变化。
首先，名字和图标变样了，名字变成了 Minefield ，图标正和名字一样，是个地雷。如下图：
阅读全文 >
查看：309 评论：1 标签：Firefox,Firefox4
日期：2010-07-1 分类：未分类,浏览器
5 月份，《IE的市场份额下降到历史最低》，为 59.75% ，今天 Net Applications 公布了 6 月份的最新数据：IE 上升了 0.57%，为 60。32%。排名第二的是 Firefox，但却有所下滑，从上月的 24.3% 下降至 23.8%。而排名第三的 Chrome 和第四的 Safari 都有略微上涨：Chrome 从 5 月的 7.0% 稍微增长至 7.2%，Safari 从 4.8% 增长至 4.9%，而排名第五的 Opera 则从 2.4% 下滑至 2.3%。
Net Applications 将本次 IE 市场占有率上涨归功于微软的信心（Confidence）推广活动，但其他因素也起了一定的促进作用，比如 Windows 7 的成功以及欧洲地区对安装系统时浏览器选择窗口的规定。
微软负责 IE 浏览器业务和营销部门的高级经理瑞恩·加文（Ryan Gavin）本周四在博客上称这条消息“令人鼓舞”。但他同时也表示了谨慎的态度，他说：“市占率提升其实只是评估 IE 浏览器进步程度的一个方面。我们当然不会仅仅因为最近两个月的好成绩沾沾自喜。
查看：201 评论：没有评论 标签：IE
日期：2010-06-30 分类：浏览器
近期 Firefox 更新不少，发布了几个版本，但却没有引起多少发响。因为很多用户期待的 Firefox 4 ，甚至有些用户等的发牢骚了。6 月 28 日 Mozilla 终于发布了 Firefox 4.0 的第一个测试版，不过只有英文版的。本人第一时间下载试用了，感觉不错，尤其是启动速度提高了许多。来看看期待已久的 Firefox 4.0 到底是什么样吧。
安装好之后的界面如下图：
怎么和之前《Mozilla Firefox 4.0最新用户界面》不一样呢？别急，我们需要做一些设置：
阅读全文 >
查看：287 评论：1 标签：Firefox,Firefox4
