知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    正确的WEB标准标签:选择合适的标签

    作者:佳明妈 2009-10-12 人气:
    HTML技巧:正确的WEB标准标签:选择合适的标签表现合适的内容,不是为了让元素看起来像什么,而是它赋予的含义是什么。

    在制作网页时,文本内容是必不可少的!那么我们该如何对网页文本进行正确排版呢?

    当段落标签p应该使用在段落的时候还有许多滥用换行标签br的情况,p用于表现段落是公认的。基于同样的逻辑,很多标签应该被用来定义确定的文本元素,比如引用,缩写和计算机代码等。

    应该记住的是,尽管大部分浏览器用不同的方式处理这些标签,最重要的是记住,不是为了让元素看起来像什么,而是它赋予的含义是什么。

    缩写和首字母组合词

    缩写标签abbr和首字母组合词标签acronym分别用于缩写词语和首字母组合而成的缩写词。

    缩写是一个惯用词组的缩短形式。很平常。然而,首字母缩写词则是组成词组的每个单词之首个字母(或者单词的部分)的组合缩写。所以CSS是一个正确的首字母缩写词,但HTML和XHTML却不是(如果Hypertxet markup language是一个首字母缩写词,它应该是HML,同理,XHTML就是EHML了)。

    为了优化易用性,缩写和首字母缩写词都应该使用标题属性title。

    <p>This web site is about <abbr title="HyperText Markup Language">HTML</abbr>
    and <acronym title="Cascading Style Sheets">CSS</acronym>.
    </p> 
    注意

    有一些不可思议的理由,Internet Explorer,最常用的浏览器,竟然不支持abbr标签。十分幸运,一个叫Marek Prokop的小伙子为此开发了clever Javascript workaround。
    有很多关于缩写和首字母缩写词元素的讨论,Lars Holst提供了可能是最具体的深入理解。

    引用

    blockquote,q和cite用在引用上。blockquote是块状的,用于大面积的引用语上,而q则是内联的,用于更小的词组。cite也是内联的,比起q来其本身的语义更可取,很可能在将来取代q。

    又,标题属性title用于表明引用从何而来。

    注意:q一般不改变内附文本的外观──你需要用CSS如果你需要为它指定一个样式。

    <p>So I asked Bob about quotations and he said 
    <cite>I know as much about quotations as I do about pigeon fancying</cite>
    . Luckily, I found HTML Dog and it said...
    </p>
     <blockquote title="From HTML Dog, http://www.htmldog.com/">
     <p>blockquote, q and cite are used for quotations. blockquote is block-line and used for large or citations, whereas q is in-line and used for smaller phrases. cite is also in-line and preferable to q for its semantic nature and possible future deprecation of q.</p>
     </blockquote> 

    代码

    有少部分的标签,code和var用于计算机程序代码,pre和samp则,在实践中,也主要是用于代码。
    code用于计算机程序代码。
    var用于指明代码里的变量。

    <code><var>ronankeatingisbland</var> = true;</code> 
    samp与代码类似,但被认为是用于程序的代码输出样例。
    pre是预格式化文本,在HTML标签中不常用,以防止大量空格的产生。它常用于代码块。

    <pre> 
    <div id="intro"> 
    <h1>Some heading
    </h1> <p>Some paragraph paragraph thing thing thingy.
    </p> </div>
    </pre> 

    定义术语

    dfn是定义术语,用于高亮显示一个第一次使用的术语。像abbr和acronym ,标题属性title可以用来描述术语。

    <p>Bob's <dfn title="Dog">canine</dfn> mother and <dfn title="Horse">equine</dfn>
     father sat him down and carefully explained that he was an 
    <dfn title="A mutation that combines two or more sets of chromosomes from different species">allopolyploid</dfn>
    organism.</p>

    地址

    address应该用于地址。

    <address> 
    HMTL Dog House<br /> 
    HTML Street<br /> 
    Dogsville<br /> 
    HT16 3ML </address>

    晦涩罕见的标签
    有一些没有什么价值的标签,有很少的机会被使用只是因为十分特定的场合。

    ↓ 查看全文

    正确的WEB标准标签:选择合适的标签由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    正确的WEB标准标签:选择合适的标签-最新评论