日期:2014-01-29 浏览次数:21150 次
原文:http://andymao.com/andy/post/102.html
段落曾经讲完了,那么一些基本的使用方式也讲了一些,那么能否曾经使用了呢?当然使用可以更为丰富,那么这些就需求本人在实际任务中不断的摸索与思考,然后创新并总结得出新的使用方式。当然了段落不能当作万用膏药一样倒处使用,不过置信大家也都知道如今“DIV”这个标签的作用曾经被扩大化了(POPO曾有一篇文章《<DIV>不是万能膏药》),更曾经被一些人拿来与CSS一并说事。这里呢还是要重新强调一次:DIV只不过是HTML中的一个无语意标签,他可以用来规划或是作为无语意部分的处理,而CSS则是一种款式言语。名不正则言不顺,我这里不是古板,而是这种说法会让大家对于标准的理解会产生偏颇。基本的等级都弄不清楚,把标签功用无限放大,这些都不是一个正确的学习态度。我这里细细讲解各种标签以及用途其中一点也是希望大家正确理解WEB标准的意义。正确的说法应该是“xHTML+CSS”或是“WEB标准”简称为“标准”也可以。今天不是为发牢骚的,还是讲今天的主题《无序列表》
列表,置信大家都曾经用过了,Word里也有,很多文档编辑里也都有。而在HTML中的列表则有三品种型:无序列表、有序列表、定义列表。饭要一口口的吃,事要一件件的做,今天只讲无序列表,并且今天所讲的列表不会涉及到CSS的美化任务。说到这里大家应该也明白了,我的讲解都是分开来的,并不以款式美化为主,这也是要通知大家标签代码非常重要。那么我们首先就要来理解列表。我们日常生活任务都是琐碎而没有条理的,而要想得到一个高效的敌对的信息互通那么就要梳理信息,做好归类。这样才能无效传达信息。用列表把同类的内容进行简单的归纳,我认为这是列表的一个基本作用。常见的用途有:图书目录、饭店菜单、人员名单、待办事宜等等。而这些信息大多不是大篇的信息内容,而是简要的标题。当然列表的用途不是说只能是归纳标题信息,列表并没有去限制内容的多少。只是我们常用列表去归纳的多是些标题信息罢了。
那么我们又如何去理解无序列表呢?无序的对应就是有序,从字面上去理解就很容易,有序就是说他本身就标明了前后顺序的,这是严厉的,并且这些信息本身就有着顺序特性。比如我们写操作步骤那就就需求明确第一步第二步,这样的信息必然是有序的,而无序呢?也就是说其本身就是无序的没有任何顺序可言。这里要举个实例让大家思考一下:政府部门的领导名单前后顺序是他们最头疼的事,虽然他们有时会写着排名不分先后,但是实际上仍然是有排名的,那么这里我想提出问题:这样的名单使用有序列表还是用无序列表呢?当然这个没有标准答案,各人都有各人的思考方式,那么你是怎样想的?不妨在评论上留下你的想法。这里我就不说我是怎样想的,希望大家能多动动脑筋,多思考。
列表的标签方式是:
<ul>
<li>这就是列表的内容了</li>
<li>这就是列表的内容了</li>
<li>这就是列表的内容了</li>
<li>这就是列表的内容了</li>
</ul>
这里我们要留意到,列表有两个部分,一个是最外面的一个标签<ul></ul>,一个是里面的内容<li></li>。我们可以这样去理解,<li></li>是一个个标准化的小盒子,他们次要存放着列表信息,而<ul></ul>则是个大箱子,他的作用就是存放小盒子。这些一个个的小盒子只要放在大箱子里他们才不会弄丢了。划一而有利于运输(移植)、存放(定位)。那么列表与段落一样可以有很多属性在其中,比如,我们可以为<ul></ul>设置一个id或是class或是title等属性,其特点功用与段落中的一样。而<li></li>也可以有这些属性,但是普通情况下来说列表即然是同类的普通也不作特殊化处理。
那么无序列表基本上也就算是讲完了,其实这篇最重要的内空就是什么样的信息应该用无序列表,而这些则需求在实际使用的时候多分析多思考。那么对于还没使用列表标签的朋友,开始使用列表标签,放弃用DIV代替列表标签的做法。或是用表格来表现列表的朋友也可以试着改变一下。从如今开始使用无序列表标签。当然如果你曾经用了发现这样还不能满足你,那就等后面讲解如何用款式去开发出列表的潜力吧。今天讲的内容虽然比较简单,但是还是希望来读本篇文章的朋友可以思考一下上面我提出的问题。