<?php foreach(array( 'rsd_link',//rel="EditURI" 'index_rel_link',//rel="index" 'start_post_rel_link',//rel="start" 'wlwmanifest_link'//rel="wlwmanifest" ) as $xx) remove_action('wp_head',$xx);//X掉以上 function the_category_filter($thelist){//rel="category"或rel="category tag", 这个最巨量 return preg_replace('/rel=".*?"/','rel="tag"',$thelist); } add_filter('the_category','the_category_filter'); ?>
将以上代码加到functions.php里面去,Wordpress就不会生成烦人无用的rel属性了
分类: 网页设计 标签:html5, wordpress 日期:2011-06-05
视频聚合网站MeFeedia在一份报告中称,过去一年,与HTML5兼容的网络视频比例由10%上升至63%。
MeFeedia发现,与HTML5兼容的网络视频比例由2010年1月份的10%上升至5月份的26%,6月份上升至54%,3月份则进一步上升至63%。
由于得到包括YouTube、苹果和微软在内的各大公司的支持,HTML5迅速成为Flash的竞争对手。过去,Flash一直是网络视频领域的霸主。
苹果CEO史蒂夫·乔布斯(Steve Jobs)去年在一封公开信中阐述了该公司移动设备不支持Flash的多个原因,并表达了对HTML5的支持,认为HTML5未来将取代Flash。
分类: 网络感想 标签:html5 日期:2011-03-03
1. 新的Doctype声明
XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML5的Doctype声明很短,看到这个声明相信你马上就能记住,不用浪费脑细胞去记那长的有点变态的XHTML的Doctype声明了。
<!DOCTYPE html>
HTML5的简短的DOCTYPE声明是让Firefox、Chrome等现代浏览器和IE6/7/8等浏览器都进入(准)标准模式,你可能会奇怪IE6/7居然也可以支持HTML5 Doctype,事实上,IE是只要doctype符合 这种格式,都会进入标准模式。
2. <figure>标签
看看下面一段简单的代码:
<img alt="About image" src="path/to/image">
<h6>image of Mars.</h6>
遗憾的是,这里的h6标签和img标签好像没有什么关系,语义不够明确。HTML5意识到了这一点,于是就采用了<figure>标签。当<figure>结合<figcaption>标签的使用,可以让h6标签和img标签组合起来,代码就更具语义化了。
<figure>
<img alt="about image" src="path/to/image">
<figcaption>
<h6>This is an image of something interesting. </h6>
</figcaption>
</figure>
3. 重新定义<small>
不久前,我使用了<small>标签来创建与logo相关的副标题。但是在HTML5中重新定义了<small>标签,使之更能表现语义化,在<small>的字号都会变小,想想如果这个标签用于网站的底部的版权信息还是个不错的做法。
4. 去掉了Javascript和CSS标签的type属性
通常你会在<link>和<script>加上type属性:
<link rel="stylesheet" type=text/css href="path/to/stylesheet.css">
<script type="text/javascript" src="path/to/script.js"></script>
在HTML5中,不再需要type属性了,因为这显得有点多余,去掉之后可以让代码更为简洁。
<link href="path/to/stylesheet.css">
<script src="path/to/script.js"></script>
5. 是否使用双引号
这有点让人纠结,HTML5并不是XTHML,你可以省去标签中的双引号。相信大多数同志也包括我都习惯了加上双引号,因为这让代码看起来会更标准。不过,这可以根据你的个人喜好来确定是到底要不要双引号。
<h6 id="someid"> start the reactor. </h6>
(更多...)
分类: 网页设计 标签:html5 日期:2010-12-24
话说很久以前,我就一直保持这个观点,但是一直苦于div+css的主流趋势所致,使我之前使惯了table到现在要大量的div标签,其实每个新产品出来都会攻击上一代产品,无情的将上代产品的缺陷上撒盐,目前html5出来后我已经看到一些文章在攻击div大量的重复使用。而html5则推出了几个新的标签来代替div,
HTML 5 添加了一些新元素,专门用来标识这些常见的结构:
section:这可以是书中的一章或一节,实际上可以是在 HTML 4 中有自己的标题的任何东西
header:页面上显示的页眉;与 head 元素不一样
footer:页脚;可以显示电子邮件中的签名
nav:指向其他页面的一组链接
article:blog、杂志、文章汇编等中的一篇文章
那为什么说我一直不认同div+css呢,可能是因为我是太过习惯table了,到div+css主流之后我很少设计网页了。另外最重要的一个原因就是我网站运营中的数据统计,事实证明div+css更浪费流量,每每都看到div+css降低运营成本的文章,网站重构的文章,其实这些有多少考虑到网站的运营实际情况呢?
我所运作的大多网站都是靠搜索引擎来获取流量,这样有一个特点就是大量访问者都只是访问一个页面就离开,这样的话table就比div+css要节省很多流量,然后事实上有多少网站具有高浏览量的特性呢?
其实div和table差不多 table是去加一些属性,而div是加标签到css中去解析,这样就会导致访问一个页面的情况下table表现出来一个页面的内容,div+css却要表现出来一个页面+全局的css内容+分类的css内容等,只有当访问者浏览超过3个页面以上的时候浏览才相当或者比table更节省流量。在用户角度上我还测试大量使用的IE,当使用table写网站的时候,重复的代码内容在每个分页的加载,IE的表现并不是重新加载,它似乎做了处理,表现出来是很快的。很可能这部分相同代码的流量是不消耗的。一样能够表现出CSS的重用性。起码给用户的体验是表现出来的。最后一个批评table的噱头是不容易改版及可读性差,我个人也认为这个是不可以理解的,比起要看两个文件才能看出是什么格式,我认为还是只看一个页面要容易理解,这个可能跟我之前大量使用table有关,另外不容易改版我也认为这个是不合适的,在模板的使用中,无论是div+css还是table,都是只修改一个模板然后整个网站都生成新的页面了。不存在什么大量文件需要修改。
现在html5的一些文章已经在说html5的优势了,我也觉得在html和xhtml中,更多的运用html更适合中国的网站情况,我也希望能用一个HTML5写出来的wordpress模板。
分类: 网页设计 标签:css, div, HTML, html5 日期:2009-09-29
w3c的 html5标准出来了,我找来一份手册给大家分享
本站提供下载地址:点击下载
分类: 软件收藏 标签:html5, w3c 日期:2009-09-25