被人遗忘的html tags

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

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

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

2. cite和q, 良好引用
在写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还带有cite和datetime来表明删除的原因以及删除的时间。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的相关页面。

赞 (0)

相关推荐

  • 被人遗忘的html tags

    其实有很多html tags是极富于语义的,而在table布局大行其道后,很多语义化的标签就慢慢的被人们淡忘了.比如可能很多人一次都没见过的标签:dl, dt, dd, cite, q, dfn, ins, del, var等等. 1. dl, dt, dd系列定义列表网站重构让很多人知道了ul, ol和li,但是在列表的家族里面还有一个dl,就是"定义列表".比如说词典里面的词的解释.定义就可以用这种列表. 如:<dl><dt>Dog</dt>&l

  • javascript提取内容到作为文章简介的代码

    我们 www.jb51.net //字符长度 function limitL(){ var content=document.getElementById("content").value; if(content.length > 100){ content = content.substring(0,100); } document.getElementById("jianjie").value = content; } 有时真想做一个稻草人,站在一望无际的

  • C#中构造函数和析构函数用法实例详解

    本文实例讲述了C#中构造函数和析构函数用法.分享给大家供大家参考,具体如下: 构造函数与析构函数是一个类中看似较为简单的两类函数,但在实际运用过程中总会出现一些意想不到的运行错误.本文将较系统的介绍构造函数与析构函数的原理及在C#中的运用,以及在使用过程中需要注意的若干事项. 一．构造函数与析构函数的原理 作为比C更先进的语言,C#提供了更好的机制来增强程序的安全性.C#编译器具有严格的类型安全检查功能,它几乎能找出程序中所有的语法问题,这的确帮了程序员的大忙.但是程序通过了编译检查并不表示错误

  • Java中final,finally,finalize 有什么区别

    Java中final,finally,finalize 有什么区别

    目录 1.final 介绍 1.1 final 用法说明 1.2 final 用法展示 2.finally 介绍 2.1 finally 用法展示 2.2 finally 扩展 3.finalize 介绍 3.1finalize 性能问题 4.总结 重要说明:本篇为博主<面试题精选-基础篇>系列中的一篇,查看系列面试文章请关注我. Gitee 开源地址:gitee.com/mydb/interv- 1.final 介绍 final 是 Java 语言中的一个关键字,使用 final 修饰的对象

  • 实用的 vue tags 创建缓存导航的过程实现

    实用的 vue tags 创建缓存导航的过程实现

    需求 是要做一个tag,当切换页面的时候保留状态. 效果图: 思路 既然涉及了router跳转,那我们就去查api 发现keep-alive,巧了就用它吧.这里我们用到了include属性,该属性接受一个数组,当组件的name名称包含在inclue里的时候就会触发keep-alive. import { Vue, Component, Watch, Mixins } from 'vue-property-decorator'; // 此处省略n行代码 // 这是个计算属性.(至于为什么这么写 这

  • JSP由浅入深(8)—— JSP Tags

    JSP另外一个重要的语法是Tags(标记).JSP Tags不是使用<%,而只是使用<字符.JSP Tag有点象HTML Tag .JSP tags可以有一个"start tag".一个"tag body"以及一个"end tag".开始和结束的标志都可以使用标志的名字,都被圈在<和>字符里面.结束的标志是在字符<后面加一个反斜杆(/)字符.这个标志名字有一个嵌入的冒号(:)字符在里面,其中冒号前面的部分描述了标志的

  • 韩国人日本人努力工作的原因分析(歪解)

    以下纯属我的个人瞎猜,如果触犯了您,请原谅哦: 1 他们国家国土面积太小,而且有很好的信用体系. 如果你不努力工作,一旦名声臭了,那么其它公司也将很难容纳你.一共就那么大的地方,消息是很灵通的. 2 属于人数少的民族 他们的危机意识是非常高的.如果人少,再不团结努力,风险会更高(以前是被人灭了,现在是被人同化了的风险). 我共事过的几个韩国人,下班基本不会走,全部要加班继续工作.当然,如果老板下班走人了,他们也会跟着走的,呵呵. 反观我们国人,幅员广阔.这个地方不干了(无论什么原因),还有更多的

  • Python脚本简单实现打开默认浏览器登录人人和打开QQ的方法

    本文实例讲述了Python脚本简单实现打开默认浏览器登录人人和打开QQ的方法.分享给大家供大家参考,具体如下: 每天打开电脑第一件事应该就是打开人人刷一下,然后登上QQ.每次都这样很麻烦,于是写了一个脚本,每次双击即可自动完成这两个工作. 注意:需要在人人登录时选择"下次自动登录",QQ也要选择自动登录.其实感觉这些设置都是没必要的,都可以用脚本完成,但是本人比较水,就偷了懒,没有去查资料. 代码如下: todo.pyw: import webbrowser import os web

  • 浅谈mysql密码遗忘和登陆报错的问题

    mysql登录密码忘记,其实解决办法很简单,只需要在mysql的主配置文件my.cnf里添加一行"跳过授权表"的参数选择即可! 在my.cnf中添加下面一行: [root@test-huanqiu ~]# vim /etc/my.cnf              //在[mysqld]区域里添加 ........ skip-grant-tables                       //跳过授权表 然后重启mysql服务,即可无密码登录 [root@test-huanqiu

  • AngularJS 让人爱不释手的八种功能

    八种AngularJS让人爱不释手的功能分享给大家,供大家参考,具体内容如下 第一 迭代输出之ng-repeat标签 ng-repeat让table ul ol等标签和js里的数组完美结合 <ul> <li ng-repeat="person in persons"> {{person.name}} is {{person.age}} years old. </li> </ul> 你甚至可以指定输出的顺序: <li ng-repea

随机推荐