被人遗忘的html tags - ajax,css,js,javascript,actio...
来源:百度文库 编辑:神马文学网 时间:2024/07/08 08:39:19
被人遗忘的html tags
作者JunChen Wu来源www.junchenwu.com发布时间22007-3-5 10:28:57发布人Clear
其实有很多html tags是极富于语义的,而在table布局大行其道后,很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签:dl, dt, dd, cite, q, dfn, ins, del, var等等。
1. dl, dt, dd系列定义列表
网站重构让很多人知道了ul, ol和li,但是在列表的家族里面还有一个dl,就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。
如:
2. cite和q, 良好引用
在写blog的时候,经常是要引用一些blogger的话语,那么可以用cite标签。一般的blog程序后代自带的blockquote,是用来引用大段的话,还必须包含块级元素,比如div, p等等。而且blockquote也自带一个cite属性,可以以URI标注资料的来源。cite标签则主要用来引用某人的话,如:
3. dfn, 下定义
比如:
4. ins, del, 插入和删除
知道del,就不要再用做删除线了,用del显然更具有语义化。而且del还带有cite和datetime来表明删除的原因以及删除的时间。ins是表示插入,也有这样的属性。如:
5. code, 表示是计算机代码
本文所用到的标签,都用
6.button, 少用Input
button默认的表现和input type="submit"是一致的。从命名上来看,用作按钮当然以button为首选咯。
这边谈及的还很少吧,但是我觉得是在写Blog时候比较常用的。RSS相对于html优势就在于清晰和简单的语义定义,其实html还是有很多有意义的标签,可以参考w3.org的相关页面。
作者JunChen Wu来源www.junchenwu.com发布时间22007-3-5 10:28:57发布人Clear
其实有很多html tags是极富于语义的,而在table布局大行其道后,很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签:dl, dt, dd, cite, q, dfn, ins, del, var等等。
1. dl, dt, dd系列定义列表
网站重构让很多人知道了ul, ol和li,但是在列表的家族里面还有一个dl,就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。
如:
- Dog
- A carnivorous mammal of the family Canidae.
2. cite和q, 良好引用
在写blog的时候,经常是要引用一些blogger的话语,那么可以用cite标签。一般的blog程序后代自带的blockquote,是用来引用大段的话,还必须包含块级元素,比如div, p等等。而且blockquote也自带一个cite属性,可以以URI标注资料的来源。cite标签则主要用来引用某人的话,如:
And Bob said No, I think it‘s a banana
.
3. dfn, 下定义
比如:
Internet Explorer is the most popular browser used underwater.
4. ins, del, 插入和删除
知道del,就不要再用
It really was very good.
5. code, 表示是计算机代码
本文所用到的标签,都用
和
包围了起来,表示是计算机代码。而默认情况下,这些代码会用打字体表示。6.button, 少用Input
button默认的表现和input type="submit"是一致的。从命名上来看,用作按钮当然以button为首选咯。
这边谈及的还很少吧,但是我觉得是在写Blog时候比较常用的。RSS相对于html优势就在于清晰和简单的语义定义,其实html还是有很多有意义的标签,可以参考w3.org的相关页面。
被人遗忘的html tags - ajax,css,js,javascript,actio...
内容管理系统的设计和选型 - ajax,css,js,javascript,actionscript,flash,div,dhtml,c
语义化——表单 - ajax,css,js,javascript,actionscript...
实用HTML,CSS和JavaScript速查表
实用HTML,CSS和JavaScript速查表
使用HTML+CSS编写一个灵活的Tab页--AJAX
js生成html的方法
JS教程:为什么尽量用局部变量代替全局变量-Javascript/Ajax-网页制作-网页...
挖掘经典:几乎被人遗忘的HTML七种用法
挖掘经典:几乎被人遗忘的HTML七种用法
显示/隐藏侧边栏代码(附详细注解) - 代码交流,js代码,html代码,css,围玉, ...
优秀的Ajax/CSS 表单资源
html转换js--js转换html
用JavaScript实现HTML的无缝MARQUEE
用JavaScript实现HTML的无缝MARQUEEffffffffffff
HTML元素CSS要注意的
CSS应用小技巧十四例[网页制作,PHP,MySql,Html,Javascript教程]
prototype 源码解读的第二部分 - Ajax.js
HTML/JS转换工具
发现IE下的优秀JavaScript调试工具Companion.JS
10种AJAX/JavaScript特效实例让你的网站更吸引人
JS+CSS实现的一个li:hover效果
ajax javascript librabries
利用PHP制作简单的内容采集器 - 『PHP/Perl编程专区』 - 台州站长论坛 |台州论坛|站长论坛|TVB电视剧|PHP论坛|MYSQL论坛|Ajax论坛|DIV CSS论坛|JS论坛|ASP/