最新消息:

使用dl dt标签生成带目录层次的收藏夹网页

web 林夕 3337浏览 0评论

效果看我的收藏夹。
首先,IE浏览器,文件导入和导出导出到文件勾选收藏夹前面的复选框,把收藏夹导出到一个htm文件中。

对htm进行清理,只保留<h3>MSN 网站</h3>这样的文件夹标签和<a href=”*”>*</a>这样的链接。具体可以使用word的使用通配符一次清理。

一个文件夹下的链接使用<dl><dt>和</dt></dl>包围,文件夹中的链接之间用<dt>和</dt>分开。顶级目录前使用<dt>标签,如果有二级目录,紧靠顶级目录的第一个子目录使用<dl><dt>标签,第二个及以后的子目录不能再使用<dl>只能使用<dt>。

与目录同级的链接使用<dt>标签

然后顶级目录的第一个目录使用使用<dl><dt>标签。

依此类推,可以做出多层次的目录结构。

可以这样理解,<dl>标示一个下级的开始<dt>表示同级

贴段代码做个示范,第二行的dl表示下面的东西是在“soft”目录下,如果使用dt表示与soft目录同级,第二个子目录“酒店用”使用的就是dt标签,“soft”目录下的链接“ 数字图书复印机范传根的主页”也是使用的dt标签,第二行的dl标签在17行关闭后,第18的dt就与第1行的dl有关联了,表示是与“soft”目录同级的目录,第一行的dl在第19行关闭了。代码如下:

<dl><h3>soft</h3>
<dl><h3>emule</h3>
<dl><a href="http://xtreme-mod.net/">eMule Xtreme Mod official homepage</a>
<dt><a href="http://drop.io/edwardfr">http--drop.io-edwardfr</a></dt>
<dt><a href="http://twed2k.org/">http--twed2k.org-</a></dt>
<dt><a href="http://www.eastshare.tw/">http--www.eastshare.tw-</a></dt>
<dt><a href="http://www.m-team.cc/forum/index.php">http--www.m-team.cc-forum-index.php</a></dt>
<dt><a href="http://www.mininova.org/">http--www.mininova.org-</a></dt>
<dt><a href="http://mldonkey.sourceforge.net/Main_Page">MLDonkey 电骡软件最快的</a></dt>
<dt><a href="http://emulefans.com/dlp-v42/">官方DLP库v42发布 eMule Fans 电骡爱好者</a></dt>
<dt><a href="http://www.chiphell.com/forum-viewthread-action-printable-tid-54085.html">最近一帖感到emule仍然教化不够 - CHIPHELL</a></dt></DL>
<dt><h3>酒店用</h3>
<dl><dt><a href="http://bbs.chinapyg.com/">-= PYG官方论坛 =- 中国飘云阁软件加解密技术论坛中国飘云阁破解组织PYG官方</a></dt>
<dt><a href="http://www.aida64.com/downloads">AIDA64 Downloads</a></dt></DL></dt>
<dt><a href="http://chuangen.name/archives/2009/03/11/ebookcopier-1-0-3357-release.html">(开源项目,GPLv3) 数字图书复印机范传根的主页</a></dt>
<dt><a href="http://hi.baidu.com/cjx82630/item/5ecf1c09126a89e2f55ba660">CJX规则(2012-9-2)_cjx82630的空间_百度空间</a></dt>
<dt><a href="http://218.24.233.167:8000/">鞍山教育网资源库218.24.233.167端口8000-</a></dt></dl>
<dt><h3>Windows Live</h3>
<dl><dt><a href="http://go.microsoft.com/fwlink/?LinkId=72681">Windows Live Hotmail</a></dt></dl></DL>

转载请注明:一秒钟的梦 » 使用dl dt标签生成带目录层次的收藏夹网页

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址