• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    被人遗忘的html tags

    其实有很多html tags是极富于语义的,而在table布局大行其道后,很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签:dl, dt, dd, cite, q, dfn, ins, del, var等等。

    1. dl, dt, dd系列定义列表
    网站重构让很多人知道了ul, olli,但是在列表的家族里面还有一个dl,就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。

    如:
    dl>
    dt>Dog/dt>
    dd>A carnivorous mammal of the family Canidae./dd>
    /dl>

    2. citeq, 良好引用
    在写blog的时候,经常是要引用一些blogger的话语,那么可以用cite标签。一般的blog程序后代自带的blockquote,是用来引用大段的话,还必须包含块级元素,比如div, p等等。而且blockquote也自带一个cite属性,可以以URI标注资料的来源。cite标签则主要用来引用某人的话,如:
    p>And cite>Bob/cite> said q>No, I think it's a banana/q>./p>

    3. dfn, 下定义
    比如:
    p>dfn title="Microsoft web browser">Internet Explorer/dfn> is the most popular browser used underwater./p>

    4. ins, del, 插入和删除
    知道del,就不要再用s>做删除线了,用del显然更具有语义化。而且del还带有citedatetime来表明删除的原因以及删除的时间。ins是表示插入,也有这样的属性。如:
    p>It really was ins cite="rarara.html" datetime="20031024">very/ins> good./p>

    5. code, 表示是计算机代码
    本文所用到的标签,都用code>和/code>包围了起来,表示是计算机代码。而默认情况下,这些代码会用打字体表示。

    6.button, 少用Input
    button默认的表现和input type="submit"是一致的。从命名上来看,用作按钮当然以button为首选咯。

    这边谈及的还很少吧,但是我觉得是在写Blog时候比较常用的。RSS相对于html优势就在于清晰和简单的语义定义,其实html还是有很多有意义的标签,可以参考w3.org的相关页面。

    上一篇:绝对定位的DIV宽度自动适应的一个方法
    下一篇:BUTTON和INPUT的区别
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    被人遗忘的html tags 被人,遗忘,的,html,tags,被人,