叙述性目录UL和DL的主要表现方式

日期:2021-03-16 类型:科技新闻 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的


以前就见过许多网站在侧面栏上应用<dl />标识对来进行侧面栏栏目地合理布局,近期在科学研究DEDECMS的默认设置模版时,也发现该模版在很多的地区应用<dl></dl>标识对来进行网页页面的合理布局,例如模版主页的栏目循环系统和侧面栏的栏目全是用<dl></dl>标识对来完成的。而在科学研究全世界应用最多的blog程序流程Wordpress时,发现它的侧面栏确是应用的是最多见的<ul></ul>目录来完成的。
一样的合理布局<dl />与<ul />都可以以完成,而且就最后的主要表现看来其实不存在差别,那末这二者之间究竟有甚么差别呢?或说应用哪个来进行合理布局才更加有效呢?
<ul />与<ol />是最多见两种目录主要表现方式,这两种目录最实质上的差别便是<ul />指的是无编码序列表而<ol />指的是井然有序目录。最多见的两种不一样主要表现是:平时所见的新闻题目目录基础上全是由<ul />来进行合理布局的,而许多网站的侧面栏上会有1些新闻点一下数排行榜之类的目录,这个情况下就必须应用到井然有序目录<ol />,由于能够很非常容易的根据<ol />标明出排行次序来。

转过头来大家看Wordpress侧面栏的构造编码:

<div id=”sidebar”>
<ul>
<li><h2>栏总体目标题1</h2>
<ul>
<li>新闻题目1</li>

<li>新闻题目N</li>
</ul>
</li>

<li><h2>栏总体目标题N</h2>
<ul>
<li>新闻题目1</li>

<li>新闻题目N</li>
</ul>
</li>
</ul>
</div>

很明显,这是1个<ul />嵌套循环<ul/>的构造,根据<h2 />去显示信息栏总体目标题(填补1点:针对blog来讲,就网页页面中的內容关键水平而言,这里其实不合适应用<h2 />标识来显示信息栏总体目标题,<h2 />标识应当是用在系统日志题目上的)。
许多应用<dl />来合理布局的网站的构造编码以下:

<div id=”sidebar”>
<dl>
<dt>栏总体目标题1</dt>
<dd>
<ul>
<li>新闻题目1</li>

<li>新闻题目N</li>
</ul>
</dd>

<dt>栏总体目标题N</dt>
<dd>
<ul>
<li>新闻题目1</li>

<li>新闻题目N</li>
</ul>
</dd>
</dl>
</div>

这是1个繁杂主要表现上的界定目录,与上1个构造编码的最大的差别是应用<dt />来取代<h2 />标识。简易实际意义上的界定目录构造以下:

<div id=”sidebar”>
<dl>
<dt>题目1</dt>
<dd>內容1</dd>

<dd>內容N</dd>

<dt>题目N</dt>
<dd>內容1</dd>

<dd>內容N</dd>
</dl>
</div>

这类构造的编码还可以主要表现出目录的方式,但客观事实上这类构造其实不太合适作为1个目录来应用,这类简易的<dl />更合适作为不一样內容段的叙述。例如:

<dl>
<dt>我的相片</dt>
<dd>作者:摄氏度</dd>
<dd>照相机:佳能400D</dd>
<dt>我的blog</dt>
<dd>作者:摄氏度</dd>
<dd>程序流程:wordpress</dd>
</dl>

因而大家能够了解为:<dl />标识构造更多的是主要表现1种叙述性的目录,它自身其实不具有作为目录显示信息的实际意义。当<dl />与<ul />或是<ol />标识构造组成起来应用时,才可以更好的主要表现出叙述目录的功效。
以前的那个被指为不符标识词义的实验《应用UL开展宽度固定不动的多行两列合理布局》,如今换为<dl />标识来做是不是就合适标识词义化了呢?