随笔分类 -  【HTML5 应用开发】

别再留恋：那些被 HTML5 弃置的旧标签
摘要：本篇文章里我们将回答下面一些问题：1，哪些元素和属性在HTML5中被弃置了？2，在我的站点中是否使用了这些元素？3，我是否对有效验证感到担心？4，对向后兼容性来说，这些有什么影响？5，我的内容能否在所有的目标浏览器和客户端正确显示？1, 哪些元素和属性在HTML5中被弃置了?在 HTML5 说明里被弃置的元素有：basefont, big, center, font, strike, tt, frame, frameset, noframes, acronym, applet, isindex, dir。 你可以在这篇 HTML5与4的区别文章中找到它们被弃置的原因。2，在我的站点中是否使用了 阅读全文
posted @ 2012-12-05 11:33 H5Boy 阅读(763) 评论(0) 推荐(1)
HTML5 新元素标签系列:使用 HTML5 设计自己的博客
摘要：许多 HTML5 特性需要 Javascript API,，它们将开发交互式应用变的更简单。但是还有很多新的元素标签，你可以把它们用在你的 Web 1.0 网页上。我们要对它们做一些研究，让我们一起做一个博客吧。首先，我们要使用 header，footer 和 nav 元素先搭建页面结构。接着通过使用新的数据类型和HTML 浏览器内置的验证，来使我们的博客的评论格式更加的智能。然后，我们将使用 HTML5 的ariticle 元素，更好的对博客内容和评论进行标记，来完成页面的主要部分。并且展示如何使用section元素，来更好的构架可访问站点的层级标题。同时因为博客是按时间排序的，我们要看看 阅读全文
posted @ 2012-12-04 20:11 H5Boy 阅读(2771) 评论(1) 推荐(3)
HTML5 新元素标签系列：HTML5 页面中用的重设样式表（CSS）
摘要：所有浏览器对它们“知道”的元素都有默认的设定——元素有多少留白padding和边距margin，它是显示为块还是行内元素？除非用CSS重写这些设定，不然它们就会默认生效。以下的CSS可以帮助你清除这些默认样式，使你能够按照自己的方式定制样式。几点说明：1， 移除了<acronym>, <center> <big> 等 HTML5 不再支持的元素。2，添加了新的 HTML5 元素标签。3，给应该显示为块的元素显式的添加了display:block 。（不然的话，一些新的HTML5标签可能在不同浏览器出现奇怪问题）4，给<abbr> 和 <df 阅读全文
posted @ 2012-11-29 13:42 H5Boy 阅读(1082) 评论(0) 推荐(0)
HTML5 新元素标签系列：HTML5 新页面标签选择流程图
摘要：HTML5 出了一些新的页面标签，下面的这张图能帮你快速掌握它们的用法：图片显示不全，请单击此处或直接点击图像。以下为英文版的图： 阅读全文
posted @ 2012-11-29 10:54 H5Boy 阅读(929) 评论(1) 推荐(0)
HTML5 新元素标签系列：最简版 HTML5
摘要：我们不讨论为什么我们现在就可以用 HTML5 而不是等到2022，这篇文章将给你提供一系列 HTML样板，你现在就可以把他们应用在你的项目中。五秒内开始用 HTML5是你页面的标志符合 HTML5 一个超级简单的方法就是将 DOCTYPE ——不管它现在是什么——改为<!DOCTYPE html>。 就是这么简单，不需要再做其他的事。Google 已经这么做了，看一下他们的主页，都只用了一行：<!doctype html><head><title>HTML 5 - Google Search</title><script> 阅读全文
posted @ 2012-11-28 22:28 H5Boy 阅读(1422) 评论(0) 推荐(2)