手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表分类:Misc

几个html标签的语意和应用以及SEO相关

搜索引擎在分析内容的时候,并不完全是根据内容来的,也会根据html标签来进行判断,比如span,h1,em,当然有时候也会根据class,所以有语义的class名称还是占点优势的(class的名称,并未确认,只是猜测),比如class="title",对于搜索引擎来说很可能认为这是一个标题,但要是频繁出现,估计也会被认为是作弊了吧。

以下是一个人的文章,对于em,i,strong,b,h1~h6标签的介绍,因为我不是做前端的,所以以前没有关注过。但最近一直在做SEO,所以又关注了一点,因为h系列的权重好象也是属于比较高的。
全文开始。。。

到目前为止,我的人生只经历过一次面试,这次面试上面考官只问了一个问题,那就是<em>和<strong>标签是用来做 什么的,很杯具的是我当时连em表现成斜体都不知道,更别说什么语义化了,然后理所当然被刷了.

这一次就来仔细总结下这两个标签和H系列标签

1.em和strong,i和b.

还是贴一篇玉伯的文章吧,阐述很详细:http://lifesinger.org/blog/2008/12/the-different-of-em-and-strong/

首先,em和i在现在的浏览器上表现为斜体,strong和b表现为粗体,但是因为斜体的字体会导致锯齿,所以一般都不太用em.但是按照语义化来 说,应该适当使用em,样式可以用css来控制,而且不敢确保以后的浏览器会将em渲染成什么效果,这也是为什么不能依赖标签本身的表现来使用标签的原 因,说不定ie9突然觉得em渲染成灰色的粗体更好一点,然后改了渲染方式,应该用标签来表示结构,而不是样式.

在语意上,em表示对内容的强调,strong也表示强调,但是强调的程度更重一些.玉伯文章里也说了在html5里,em表示局部强 调,strong表示全局强调.我的理解就是,em表示你在看到这个网页的时候你不必注意em里的内容,而是在深入阅读的时候通过em的强调来理解内容的 含义,而strong则表示你一眼看去就知道了内容的重点,例如用在每篇文章的第一句话里.这也就是个局部和全局的概念吧.

玉伯文章里还提到:em 表示内容的着重点(stress emphasis),strong 表示内容的重要性(strong importance).这个理解起来其实也就是局部和全局的概念,可以自己去体会.

i和b标签前一阵传言即将被抛弃,不推荐使用,很多人用它来表示单纯的样式,当成一个非语义化的标签,但是在html5中他们被赋予了语意,b 元素现在描述为在普通文章中仅从文体上突出的不包含任何额外的重要性的一段文本。例如:文档概要中的关键字,评论中的产品名。或者代表强调的排版方式。i 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本,例如:一个分类名称,一个技术术语,一个外语中的谚语,一个想法等。或者代表斜体的排版 方式.

有一点要注意,按照理论,应该更多地应用em标签来表示着重,因为按常理,要着重加着重强调的总是比着重一次的几率少很多,所以strong只应该 用在需要的地方,不能够乱用.

2.H1,H2…….H6标签.

H标签用来定义标题,同时暗示文档结构,虽然样式上H1-H6分别呈现不同的大小,但是不要随便使用H标签来表示字体大小,也不要在一个标题中出现 多个H标签,他们应该用来表示文档层次.

文档的第一层标题应该总是用H1来表示,虽然H1的字体非常大,但是可以用css控制样式,不要因为H1太大,于是选用H2作为第一层标题,这样会 让某些搜索引擎感到迷惑.而且最好不要跳跃使用,H1下一级标题就应该用H2,而不是其他更小的H.记住原则即可,不要用样式去选择标签.

文章来自:http://www.beiju123.cn/blog/?p=394

--EOF--
H1的重要是无庸置疑的。em在很多时候,我看到都被人用来标记列表中的时间。看来对于各种各样的应用、判断,都是有着自己的见解。
span好象就没有什么特别的语义了,所以,尽量不要用span来做为关键内容的包含。
label,嘛就更不要说了。fieldset,倒也可以尝试,但是在不同的浏览器下,fieldset的样式很难精确控制,所以在CSS水平不高的情况下,还是放弃吧。

Tags: h1, em, strong, span, seo

[转]Firefox的优化技巧

这是一些优化firefox的奇技淫巧之一,我也是转载来的。
firefox是我最常用的浏览器(没有之一,最常用的就是它,没有其他的),从开机到关机,浏览器都在运行。除非是addon updater后的重启或者我新装了add-on后的重启,其他时间,就一直开着。
家里的笔记本还好,4G内存,随便我挥霍,单位只有2G,经常会发现FF占了4~500M左右的内存。所以当有个优化技巧在我面前时,我还得选择了尝试。目前尚未看出效果,估计时间还短效果还没有出来。

OK,打开你的Firefox,在地址栏内键入 about:config

XML/HTML代码
  1. 在页面的 filter 栏内输入 network  
  2. 找到network.http.pipelining 这一项,把值设为 True  
  3. 找到network.http.piplining.maxrequest这一项,把值改为10。  
  4.   
  5. 这是因为很多浏览器的默认设置都是依照拨号上网的情况来设置的,所以在现在的宽带时代,它们的潜力并没有被挖掘出来  
XML/HTML代码
  1. 查找 browser.cache.disk.parent_directory  
  2. 如果没有找到 browser.cache.disk.parent_directory ,则新建这个“字符串”  
  3. 修改到你需要存放的位置,例如我修改到RamDisk位置 x:\firefox  
  4. 在地址栏输入 about:cache ,可以发现Cache位置已经成功修改  
XML/HTML代码
  1. 查找 config.trim_on_minimize  
  2. 如果没有找到 config.trim_on_minimize ,则新建这个“布尔”  
  3. 设置为true——好处:在最小化时自动释放内存  
XML/HTML代码
  1. 查找 browser.cache.memory.capacity  
  2. 如果没有找到 browser.cache.memory.capacity ,则新建这个“整数”  
  3. 设置为固定值16384——好处:据说是最优化的大小  
XML/HTML代码
  1. 查 找 browser.sessionhistory.max_total_viewers 
  2. 如 果没有找到 browser.sessionhistory.max_total_viewers ,则新建这个“整数”  
  3. 设置为固定值5或者更小 ——好处:页面快进/快退功能中保存的页面总数,默 认是-1(无限)
XML/HTML代码
  1. 查 找 network.prefetch-next 
  2. 如 果没有找到 network.prefetch-next ,则新建这个“布尔”  
  3. 设置为固定值false——好处:关闭预读取网页的功能

转帖的来源:

http://blog.sunshow.net/2007/02/%E8%BD%AC%E8%BD%BD%E4%BC%98%E5%8C%96firefox%E7%9A%84%E6%96%B9%E6%B3%95/

http://blog.sunshow.net/2006/12/%E8%BD%AC%E8%BD%BD%E8%AE%A9%E4%BD%A0%E7%9A%84firefox%E5%92%8Cie%E8%B7%91%E7%9A%84%E6%9B%B4%E5%BF%AB/

Tags: firefox, 优化

听说,宗庆后提议应禁止学生用电脑写作业

在cnbeta上看到这个新闻,心里还是觉得挺有必要,自从电脑普及后,提笔忘字的情况越来越多了。不过,象我这种打五笔的还要好一点,那些打拼音的,估计就惨了。事实上也是如此,经常看到某个字很象啥啥,然后就越看越不象。郁闷的。。。

小孩子正在一个学习阶段,所以我觉得还是有必要一定要手写,毕竟我可不想以后的小孩写出去的文章错别字连篇,甚至于连自己名字都写不来吧。我也不求小孩的字象书法家一样,但最起码要端端正正的吧?端正写字,正直做人,还是有必要的。

以下是Cnbeta上的内容,来源网址是 http://www.cnbeta.com/articles/106181.htm:

随着信息化社会的来临和电脑的普及运用,目前大部分中小学校、高等院校都不重视学生的书写训练,只有部分学校在美术课中开设了书法课。若 不及时在学校教育 中加强对学生的书写训练,不仅会造成国人书写不美观,还有可能造成汉字书写这一传统文化的断代、丢失。为此,全国人大代表、杭州娃哈哈集团有限公司董事长 兼总经理宗庆后建议在学校教育中加强对学生的书写训练。

宗庆后建议,在学校教育中开设专门的书写训练必修课,并严格规定训练课时,要对学生的书写水平进行考核,不上足规定课时,不达到一定水平不能毕 业。

宗庆后认为,电脑的普遍使用确实给学校教育的教与学都带来了很大方便,但弊端也显而易见,最突出的表现就是学生的书写能力严重退化。宗庆后建议学生的作业 一律用手写,不能用电脑,学校强制执行。

宗庆后还建议教育部门将书写水平纳入教育质量考核体系,首先对教师实行考核,如果达不到相关标准不能上课;对学校的书写教育总体状况进行考核,作为学校评 级的依据之一。
--EOF--
书写水平,我就不讲究啥了,小孩子的字也写不到哪里去,但老师的字也还是要讲究一下的,连字都写不好,怎么教书育人,再说了,练点字也不难,怎么就写不好呢?当一名老师,天天要写字,居然都练不好,怎么相信你能教育孩子。

功耗仅5W的国内第一台插座式计算机BTplug

刚看到这个新闻的时候,我还以为龙芯又出了新产品了。却不料真的是这样。。。听说国外也有类似产品。后来去文章内容里的网站看了一下。再搜索了一下,发现还是需要将近600元。所以一下子不知道觉得是否有意义了。反正我贴出来,随便大家看吧。

内容如下:

本来是打算配一台超低功耗PC机,用于做临时WebService。在网上查来查去,怎么配 都不满意,功耗始终很难突破50W大关。在翻阅了大半低功耗PC资料后,终于发现了一国外产品Sheevaplug,据说功耗只有区区5W不到。正当我兴奋不已时,却发现,这款产品是用的ARM架构。不过,我不死心,跟着这条线一路查下去,无意中被我看到了BTplug这款产品。

一开始,我还以为BTplug就是Sheevaplug被国人拿来简单包装的产品。不过再深 入了解后,我才知道,BTplug其实就是实实在在的国产货。其性能和Sheevaplug有过之而无不及。一样的超低功耗,一样的强大配置。最值得一提 的是这款产品可以支持Sheevaplug所不能支持的XP系统。

先来看看这款产品的配置:

- 约1GHz主频的CPU,支持应用最广的x86指令集
- 512M DDR2内存
- 2个USB2.0接口,PATA硬盘接口及串口、GPIO口
- 100M快速以太网接口

BTplug的体积很小,相当于移动硬盘大小,耗电不高于5W,只需要12V1A电源供电即可。怎么样?是不是很有吸引力?

--EOF--
网址是在http://bbs.btplug.cn,唉。图片上看上去好象不错

【PS】额,居然写了这么多年才被网友评论告诉我是BTplug而不是BTblug。。。我真挫啊。

图片附件:
大小: 12.35 K
尺寸: 266 x 300
浏览: 1681 次
点击打开新窗口浏览全图

图片附件:
大小: 11.41 K
尺寸: 300 x 203
浏览: 1660 次
点击打开新窗口浏览全图

网站线上线下推广的观后感

作为一个网站,线上线下的推广确实十分重要,否则,真的就象那个酒香也怕巷子深 了。最近,我也一直在研究SEO,也在看什么样的东西最容易被人吸引,也在看着统计程序分析的来源关键字、网购兴趣等。

今天看到的是某人写的文章,截了一断过来:

http://www.phpweblog.net/nameliba/archive/2010/03/13/7134.html
  1. 线上推广一般指网络上的推广  
  2. 如:  
  3. 1.行业从业人员邮件通知,所谓群发邮件.  
  4. 2.行业QQ群内群发信息.  ps:QQ群邮件发送方便快捷.  
  5. 3.网站关键字优化等  
  6. 4.同行友情连接交换  
  7. 5.如果有钱的话,手机短信群发(只发同行)  
  8. 6.百度贴吧,QQ搜吧,有道快贴等发送自己的信息.  
  9. 7.软文  
  10. 以上的全做好了,基本上也能带来一定的流量与影响力.  
  11.   
  12. 线下推广的方式也不少,如:  
  13. 1.传统的DM单子,名片等.  
  14. 2.行业杂志广告.  
  15. 3.生活中的广告牌位等.  
  16. ......  
  17. 还有很多种方式.线上加线下走完全部基本上也有点影响力加流量了,还有个最重要的是"坚持"  

 

目前我是做线上的推广,但尽量不想花钱,否则推广就真的成了无底洞了。也不想发垃圾邮件,那毕竟还是属于垃圾网站的做法,我需要的是网站的回头客,回头率和在线率越高,跳出率越低,才是我所希望的。

当然那是对于单位的网站来说,资讯类的网站,容易有吸引人的地方,但技术类的就不一样了。技术类的网站上的广告几乎都没有人点的(我也一样不太点别人的广告,所以也不能要求别人点我的。呵呵)。

Tags: seo, 推广, 短信