导航

毅博客

分享本身就是件快乐的事,我因别人得到帮助而感到幸福

« 用途相似的标签美化段落文本 1 »

链接与文本标签们

本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。
请大家帮忙:行文措辞难免有错,请大家在阅读时发现错误通过评论方式告诉我。谢谢大家

第四篇《WEB标准能有多难?》专栏文章将结束关于文本部分的XHTML的讲解。那么这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。

我们都知道网页的最大特性是“链接”,是的这个在我们现在看起来习以为常的东西,让我们的生活发生了巨大的变化,是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目:<a href="URL" >文本区</a>,就是这个简单的标签,其实大家都在使用,用Dreamweaver可以很简单的添加链接。但是尽管如此我们还是需要知道A的属性是什么,这样才能更好的利用它。A是个内联标签,也就是说它本身并不会产生分行。他是流于文本之中的无素。那么我们都知道内联元素是不能包含块元素的。那就是说在A中不能包含段落、DIV等这些块级的元素。那么你工作中是否有这样的情况呢?是否在A里加了无数的块级标签呢?那从现在开始改掉这个坏习惯,这样不光可以避免一些没必要的BUG问题,同时也能给GOOGLE等这些搜索引擎一个好印象,多点印象分。当然除此之外振之还推荐在大家伙在A中加入titile属性。例:<a href="URL" title="这可用以解释或是显示完整的文本内容">文本区</a>。为什么这么做呢,我这里有这样一篇文章《当标题不能显示完整的时候》,大家可以看一下,这只是加title属性其中一个小小的用处,但是作用非常有效。

链接标签中的href=“URL”这个URL是个非常强大的东西,当然这不是我们这个专栏的内容,但是也非常推荐读者们可以认真阅读一下相关的知识。我从百度百科中找到了相关文档,请大家点击阅读(站外链接请读者们选择新窗口阅读)。关于链接就暂时只讲这么多,如有什么疑问请通过文后的联系信息与我联系或是在线给我留言

标题几乎是所有文章都会有的要素,也是我们用以识实与索引文章的重要元素。我们通过标题去感知文章内的核心。那么你知道吗?合理使用标题标签会让你的文章更受关注。我们都知道XHTML给我们提供了h1~h6,六个标题标签,那么我们如何分配这六个标题标签的使用呢?下面给出一些建议:h1,在浏览器中显示最大,那么自然用来表示最大的标题,对于一个网站来说哪个标题才是最大的?是LOGO,我们通常会在网站的最前面先标注这个网站的名称。所以h1就用来放LOGO,当然如果你的网站没有LOGO,只有一个网站名称,那也可以。当然振之是不推荐在大家在h1中放个图片。我们完全可以通过CSS来实现以图换字。并且推荐网页中h1只出现一次。

当h1找到了专用的功能,那么担任内容标是,或是基它标题的重担就要放在另外几个标题标签上了。在余下的几个标题中h5与h6在浏览器默认显示字体是小于正常文本字体的。那么推荐h5与h6只作为免责声明或是版权通告来使用。这样即表明重要性,又不会太过明显影响阅读。对于标题标签的使用尽可能的注意一下他们之间的等级关系。当然标题的使用还是需要根据实际使用来决定。这里只是给出个建议。标题标签是块线元素,但是他并不能再包含块级元素了,只能包含内联的元素,比如链接、图像,换行之类的。记得有个朋友前两天在文章中提到过关于标题的内容,但是写法就有错了,他把链接写在了H1标签的外面,把H1包起来了,这样的写法是不推荐的。也不符合标准思维容易给以后的学习产生不好导向。

我们的文章难免会有错误的地方,那么有错就要改,但是有时候我们需要告诉读者这段是被删除的但是又能让读者看到。那么删除标签的作用就产生了。以前我们会使用<s></s>或是<strike></strike>来得到一个删除线的效果。但是这仅表是一个删除线的效果,语义上没有DEL来得更为明确,所以这里我要告诉大家放弃以前的方式,采用<del></del>这个标签。同样能表达我们需要的效果,并且意义更为直接明确。那么除了删除有时我们还需要对删除的部分作出一些添加与修改。那么时候这个标签就非常有作用了那就是插入标签<ins></ins>。相信不用我说大家也知道如何使用这两个标签,但是千万别忘记了给这两个标签加上两个重要的属性:cite与datetime。解释与时间。解释不用说了,只要用文字注明为什么要删除或是为什么要插入就可以了。但是这个时间需要明确一下格式。严格的格式是:YYYY-MM-DDThh:mm:ssTZD。呵呵与我们平时用的差不多但是有区别,其中T是表示时间段开始的必需字符,而TZD则是表示时区,Z是表是格林威治标准时间。一秀的写法是:2008-03-25T14:26:22Z

在所有的标签中有两上标签是样式标签,但是却没有被禁用,因为这两个标签所表述的内容很特别,上下标,<sup>上标</sup>,<sub>下标</sub>。

这两个标签用得到机率比较小,但是上标应该还是会常用到的,比如温度中的摄氏度的上的小圆圈,当然现有有专业的字符对应“℃”,还有我们常看到书中的脚注上标[1]

hr,分平分隔线,这个标签与换行标签只要注意标签的写法就可以了<hr /><br />

关于文本部分的标签就讲到这里,当然标签可能还有很多,但是一些不推荐使用的,不常用的,这里就不再推荐,有兴趣的可以搜索一下相关的内空阅读一下即可。下一篇将引入CSS,一点点的美化我们的文档。

作者 / 振之
网站 / 毅博客 http://andy.andymao.com/
电话 / (86)025 5890 9295
  • quote 1.WXYCooL
  • http://wxycool.cn
  • 拜读~期待CSS部份~更期待JS : )

    <h1><span>标题</span></h1>
    <h1><span></span>标题</h1>

    前者不利于SEO或text-indent
    后者PNG,IE6需要HACK

    你们倾向于哪种呢?
  • 2008-3-25 14:07:55 回复该留言
  • quote 2.prower
  • 振之是不是读过《精通HTML-语义、标准和样式》这本书啊,最近我也在读啊,的确是给人不能的观点。
  • 2008-3-25 15:09:06 回复该留言
  • quote 3.振之
  • http://www.andymao.com
  • @ WXYCool
    我更喜欢<h1>标题</h1>
    没有什么利不利于SEO,换句话说SEO不是正统,有点钻空子的意思,如果你按标准来写尽可能简化代码就可以了。不需要刻意去SEO。

    @prower
    我没看过《精通…》一书,很少看技术书籍,我家里只有几本O'REILLY的《权威指南》系列。
  • 2008-3-25 15:30:42 回复该留言
  • quote 4.koma
  • http://koma-yt.cn
  • 文章开篇提到了换行,振之,介绍一下换行吧
    是<br />吗?段落的换行不是提倡用</p>吗?
    koma 于 2008-3-25 18:32:01 回复
    另外,一个小的发现,
    回复提交后,我的回复会出现在最上面,即评论的顺序为4,1,2,3
    刷新之后才变成1,2,3,4
    每次提交后我会往最下面看,发现没有我的评论,
    就会有错觉:咦!?我的回复呢?
    呵呵
  • 2008-3-25 18:27:45 回复该留言
  • quote 5.振之
  • http://www.andymao.com
  • br的换行与段落是不一样的,段落是指可以形成一段的文字,而换行的功用性则更强一点。而段落本身并没有样式的,只是表示这是一段,可以用CSS去控制段与段之间的距离使段与落有所区别,但是换行本身只是个功用,只说我要换行,但是不存在认语义。
    有过一段时间曾有人提出新一代的HTML语言中加入<line></line>来代替br。

    关于博客回复这是ZBLOG的开发者设计的,我没有做任何改动。当然也不懂怎么改!
  • 2008-3-25 19:00:21 回复该留言
  • quote 6.lancy
  • http://www.photosroad.com
  • A标签中还有一个属性rel的应用也越来越多,很多网站为保PR,在新增链接里会加入rel="nofollow",而且,这个应用也作为阻止垃圾评论和垃圾链接的方法。

    相关报道:http://www.hotranking.net/Search-Engine-Optimization/seo198.html
  • 2008-3-27 11:29:43 回复该留言
  • quote 7.猴子
  • http://www.dreamdu.com/xhtml/
  • 文章不错,不过我感觉hr与br在设计时完全可以不用,比如hr可以使用一个单边的div表示,而br完全可以使用margin等或者line-height。这样就可以省掉两个标签了。
  • 2008-3-27 11:45:44 回复该留言
  • quote 9.振之
  • http://www.andymao.com
  • @猴子
    hr与用CSS设置出来的样式单边是两种不一样的用法。CSS顾能做出一个表达样式的分割线,但却没有真定的分割意义。
  • 2008-3-28 0:42:15 回复该留言
  • quote 12.hshiioi
  • 振之说h1用来放logo,我对此有不同的观点,h1是标题中的最大号没错,但是这种最大的概念不光体现在视觉效果上同样体现在语义上。对于一个网站来说logo是个性化的标志,但是分散到具体的页面上,logo不是最重要的内容,而每个页面内容的标题才是更能概括这个页面的重要信息。所以我认为<h1>应该用来描述页面内容的标题。这样也更利于搜索引擎对页面内容的抓取。其他的我觉得都说的很好。
    cc 于 2008-5-9 4:13:40 回复
    我同意hshiioi的观点,h1中的h有header的意思,但不是指整个网页的header,我觉得他就是指固定的文章标题或者板块标题,有title的意思。而关于logo,就得单独建一个ID,与h1区分。另外h1有一个重复使用的问题,如果h1用于logo,那其就只能用一次了!
  • 2008-4-17 16:47:51 回复该留言
  • quote 15.smailfish
  • 同意hshiioi的意见,h1用于文章标题更合适,h1不易过多是自然,每个页面出现1个比较恰当。但若h1用于logo,我觉得不妥,原因也是不利于搜索引擎对页面内容的抓取。
  • 2008-4-29 9:03:27 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-Blog .Theme from Google黑板报 By Washun

Copyright 2005-2007 Jonmax.com. All Rights Reserved.

Search

最新评论及回复

最近发表

资助者链接