您的位置：首页 > 编程技术 > html  >  dl,dt,dd作用与用法

dl,dt,dd作用与用法

 更新时间：2016年9月20日 19:02  点击：1591

dl,dt,dd作用与用法

我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签，很少用刑<dl>标签，但是这个三个标签却有着不可忽视的作用，毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是：

< dl>< /dl>用来创建一个普通的列表,

 

< dt>< /dt>用来创建列表中的上层项目，

< dd>< /dd>用来创建列表中最下层项目，

< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。

有如下代码


<html>
<head>
<title>一个普通列表</title>
</head>
<body text="blue">
<dl>
  <dt>bbbbb</dt>
    <dd>北c </dd>
    <dd>上c </dd>
    <dd>广c </dd>
  <dt>mmmmm</dt>
    <dd>s顿 </dd>
    <dd>s加哥 </dd>
    <dd>s约 </dd>
</dl>
</body>
</html>

我们可以看到，<dt></dt>中间的文字即时我们没有进行缩进它也会怎地向前靠拢，而<dd></dd>中间的内容则自动向后缩进。这在腾讯新闻评论中已经使用到了


大家可以发现很多网站都把验证码改成在点击输入框时才显示的。包括,qzone,baidu,discuz等。

我来说下这样做有以下两点好处。

1.减轻服务器负载
比如说回复需要输入验证码,而实际上我们知道会回复的比率很底，假如帖子打开1000次只有10个人回复了，那么990次加载验证码负载都是浪费掉的

2.验证码实时正确性

比如我们同时打开两个帖子，验证码使用的是同一个cookie/session变量，当打开第一个页面时假如验证码为1111,第二次条开时为2222,实际上第二次的验证码已经把第一次的覆盖了，这时两个验证码实际上都是2222,这种情况就会造成输入正确的验证码实际上也是错的。

验证码改成在点击输入框时才显示后，验证码就是实时的了。

启动网络营销学院项目已经有半年多了，学生在网络营销学院也已经学习将近２个月了，以后在网页教学网和大家一起分享网络营销学院学生的一些学习心得。目前学生的主要要求就是在每门课中多添加实训内容，所以我们只有慢慢地完善我们的网络营销课程体系，加强学生的实训。这是第一篇关于学生学习心得的文章，这个学生的特点是对技术特别热忠，自己也非常努力，学习效果也算是蛮好的，我比较喜欢，大家有空可以去他的博客去看看：http://www.111cn.net/。

　　做完网络广告案例投放实训作业，随便打开几个网站，可能是自己比较细心吧！发现好多知名的网站的地址前面都有一个小的个性图片，而不是Microsoft提供的那个蓝色的E图标，于是有了想给自己的BLOG也做1个个性小图标的冲动。 

　　刚有脑子有这个想法，回头就去问后面的刘红军老师了（坏习惯，遇到问题自己不先思考，去尝试，总是先问老师，得改了这个坏毛病），结果刘红军老师告诉我那叫网站ICON，具体怎么做你去百度查下吧。的确，百度是个不会抱怨的好“老师”，从它那可以学到好多东西，而且它不会有一句怨言，还会欢迎您常来光顾呢！


　　 在百度搜索地址里打入“网站ICON”，不到1秒的时间，很多关于制作网站ICON的网页立即呈现在你面前，任君选看。网上类似这样的网页的确很多，既然你来到北漂领袖东的BLOG，就不必再去找了，我将用我的理解和方法教你如何制作“网站ICON”。 Webjx.Com

首先了解下什么网站ICON?ICON你可以把它比作成QQ头像，一打看QQ看到那个图像的头像就知道，那个是谁了，很方便。ICON也是如此，如果你的网站被朋友收藏了，人家打开IE收藏夹的时候，一看到你的网站ICON就知道那是你的网站，给人一种亲切感，从技术角度讲给人一种专业感观（当然指的是新人啦）
 
制作1个网站ICON很简单具体步骤如下：
 
1：利用相关图形软件制作1个16x16的图片。推荐软件：HprSnap一款李新刚老师分享的很好用的截图软件，刚发现他还能制作ICO格式的图片，没有的话可以网上搜一下，找不到可以QQ上M我，我给大家传一下.
 
2:把做好的图片传到自己的网站空间的根目录下，所谓根目录，用LEFTCUP连接好空间好后不要点文件夹，直接把你做好的ICO格式的图片传上去就可以了。很通俗很易的说法了，我是针对新手说的，高手直接跳过吧。
 
3:最后一步,很简单也很关键。一般在主题文件夹里面，themes/主题名/template文件夹里面所*.html文件的<head></head>之间加入：<link rel="Shortcut Icon" href="网站根目录/favicon.ico" type="image/x-icon" />就OK啦！一般网站都有，看下其中的路径是否正确就可以了，如果没有的话把以上代码放入<head></head>之间就可以了。（例如我的ICON地址：www.111cn.net/favicon.ico）
 
大功告成，进BLOG后台，索引重建就可以了，返回主页刷新一下，肯定就可以看到啦！是不是很简单啊~如果你的网站做好了，别忘了告诉我。更多精彩内容，请继续关注北漂领袖东BLOG。

 常用正则表达式   常用的正则表达式   php 常用正则表达式   正则表达式 正整数   正态分布函数表达式 正表达式   正态分布 表达式   正则表达式   java 正则表达式   用正正则表达式
 
 
"^[A-Z]+$"　　//由26个英文字母的大写组成的字符串 
"^[a-z]+$"　　//由26个英文字母的小写组成的字符串 
"^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串 
"^\\w+$"　　//由数字、26个英文字母或者下划线组成的字符串 
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"　　　　//email地址 
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"　　//url
"^\\d+$"　　//非负整数（正整数 + 0） 
"^[0-9]*[1-9][0-9]*$"　　//正整数 
"^((-\\d+)|(0+))$"　　//非正整数（负整数 + 0） 
"^-[0-9]*[1-9][0-9]*$"　　//负整数 

"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　//负浮点数 
"^(-?\\d+)(\\.\\d+)?$"　　//浮点数 
"^[A-Za-z]+$"　　//由26个英文字母组成的字符串 

 

"^-?\\d+$"　　　　//整数 
"^\\d+(\\.\\d+)?$"　　//非负浮点数（正浮点数 + 0） 
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　//正浮点数 
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"　　//非正浮点数（负浮点数 + 0） 

    有一个使图像下载更快的重要技术。那些在网站中重复出现的图像-比如通用标志、页首或导航条-不必一遍一遍地下载。缺省地，Netscape和InternetExplorer在RAM或硬盘上设置缓存来存储最近用到的图像。如果浏览器认识是相同的文件名，它会读缓存，而不是从网上下载。这种方法大大地提高了效率，以至于很多自动记时程序无法识别-你只好用跑表自己测测了。


　　既然客户端的缓存如此有用，在设计网页时就应考虑到浏览器的缓存。例如，如果网站有大量相似的页首图形，应试图把它进行分割，使其中不变的部分能从缓存中立刻读出来。虽然在每页还要调用一个新图，因为这个图很小，所以下载很快。


　　最后，把你的图像放在一个地方，最好在你的服务器上。这可以减少DNS查找的时间。另外，如果你要存储图像的一个或几个服务器崩溃，将是一件很不幸的事。




[!--infotagslink--]

相关文章

  • C#中using的三种用法

    using 指令有两个用途： 允许在命名空间中使用类型，以便您不必限定在该命名空间中使用的类型。 为命名空间创建别名。 using 关键字还用来创建 using 语句 定义一个范围，将在此...2020-06-25

  • 在img中以双斜杠//开头的URL是有何作用？

    刚来公司上班的时候，看到以前的程序员写的程序里面调用http地址是，不是用http而是用双斜杠//开头，刚开始不知道这样写有什么好处，虽然能够正常浏览，后来在网上找了资料，才发...2016-09-20

  • iscroll.js 用法介绍

    最新版下载： http://www.csdn123.com/uploadfile/2015/0428/20150428062734485.zip 概要 iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生...2016-05-19

  • C#中的try catch finally用法分析

    这篇文章主要介绍了C#中的try catch finally用法,以实例形式分析了try catch finally针对错误处理时的不同用法,具有一定的参考借鉴价值,需要的朋友可以参考下...2020-06-25

  • C++中cin的用法详细

    这篇文章主要介绍了C++中cin的用法详细,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-04-25

  • 示例详解react中useState的用法

    useState 通过在函数组件里调用它来给组件添加一些内部 state，React 会在重复渲染时保留这个 state，接下来通过一个示例来看看怎么使用 useState吧...2021-06-04

  • Delphi常用关键字用法详解

    这篇文章主要介绍了Delphi常用关键字用法,包括了各个常用的关键字及其详细用法,需要的朋友可以参考下...2020-06-30

  • PHP中print_r、var_export、var_dump用法介绍

    文章详细的介绍了关于PHP中print_r、var_export、var_dump区别比较以及这几个在php不同的应用中的用法，有需要的朋友可以参考一下 可以看出print_r跟var_export都...2016-11-25

  • php中php://input的用法详细

    在使用xml-rpc的时候，server端获取client数据，主要是通过php输入流input，而不是$_POST数组。所以，这里主要探讨php输入流php://input。 下面的例子摘取的是wordpres...2016-11-25

  • MySQL中的主键以及设置其自增的用法教程

    1、声明主键的方法： 您可以在创建表的时候就为表加上主键，如： CREATE TABLE tbl_name ([字段描述省略...], PRIMARY KEY(index_col_name)); 也可以更新表结构时为表加上主键，如： ALTER TABLE tbl_name ADD PRIMARY KEY (in...2015-11-24

  • C#中方括号[]的语法及作用介绍

    C#中方括号[]可用于数组，索引、属性，更重要的是用于外部DLL类库的引用。...2020-06-25

  • C#中this的用法集锦

    本文给大家汇总介绍了C#中的几种this用法，相信大家应该有用过，但你用过几种？以下是个人总结的this几种用法，欢迎大家拍砖，废话少说，直接列出用法及相关代码。...2020-06-25

  • Vue中key的作用及原理详解

    本文主要介绍了Vue3中key的作用和工作原理，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-10-13

  • window.onerror()的用法与实例分析

    目前在做window.onerror时上报js错误信息的事，整理下相关资料,需要的朋友可以参考下...2016-01-29

  • C语言循环结构与时间函数用法实例教程

    这篇文章主要介绍了C语言循环结构与时间函数用法,是C语言中非常重要的一个技巧,需要的朋友可以参考下...2020-04-25

  • php中 ->与 ==>符号的用法与区别

    本文章来给大家介绍一下在php中 ->与 ==>符号的用法与区别,有需要了解的朋友可尝试参考。 “->”(减号、右尖括号) 用于类中，访问类里的函数或对象，比如：...2016-11-25

  • foreach()有两种用法

    foreach()有两种用法 1： foreach(array as $value) { 表达式; } 这里的array是你要遍历的数组名，每次循环中，array数组的当前元素的值被赋给$value,...2016-11-25

  • ES6学习教程之Promise用法详解

    这篇文章主要给大家介绍了关于ES6学习教程之Promise用法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-11-23

  • Night Shift是什么意思 Night Shift有什么功能及作用？

    Night Shift是IOS9.3正式版系统新增加的功能之一，很多伙伴们都不清楚Night Shift是什么意思？以及Night Shift有什么用途？对此，本文小编就为大家详细介绍Night Shift的含义及作用...2016-07-04

  • php __FILE__用法

    __FILE__在php是表示当前文件绝对路径哦，下面我们来看看简单的FILE的实例吧。 《？php echo __FILE__; ?> E:phpinfo.php 那么我们会看到很多cms中会这样写 dirname...2016-11-25