这样的列表我们怎么写才更切合XHTML的语义呢?我看到许多人的写法是色块A是一个div,B是一个div,C也是一个div,然后三个层相互叠加的,叨教这么写用CSS怎么解释(Explain)呢?一点语义都没有,所以我建议(Advice)这么写:
%26lt;div%26gt;%26lt;ul%26gt;
%26lt;li%26gt;%26lt; ul %26gt;%26lt;li%26gt;标题A%26lt;/li%26gt;%26lt;li%26gt;内容A%26lt;/li%26gt;%26lt;/ ul %26gt;%26lt;/li%26gt;
%26lt;li%26gt;%26lt; ul %26gt;%26lt;li%26gt;标题B%26lt;/li%26gt;%26lt;li%26gt;内容B%26lt;/li%26gt;%26lt;/ ul %26gt;%26lt;/li%26gt;
%26lt;li%26gt;%26lt; ul %26gt;%26lt;li%26gt;标题C%26lt;/li%26gt;%26lt;li%26gt;内容C%26lt;/li%26gt;%26lt;/ ul %26gt;%26lt;/li%26gt;
%26lt;/ul%26gt;%26lt;/div%26gt;
这样看来语义就特别明显了,整体是一个列表,用ul誊录,每个ul里的列表li又包含(Includes)了%26lt;ul%26gt;,那*个ul又可以使用(Use)dl代替(Instead),即
%26lt;li%26gt;%26lt; dl%26gt;%26lt;dt%26gt;标题A%26lt;/dt%26gt;%26lt;dd%26gt;内容A%26lt;/dd%26gt;%26lt;/ dl%26gt;%26lt;/li%26gt;
相比而言,我更赞同后一种写法,终究用dl比用ul的语义越发明白,dt便是表现(Show)(Show)标题,dd表现(Show)(Show)内容。
总结:我们常常在seo中提到代码需要精简,正确的div重构不但(Not only)仅可以使繁冗的代码大大减少(Reduce),同时XHTML语义也是相当的明白,我们看代码看的清楚,作为一个特别的客户搜索引擎看代码也是相当的清楚,自然会给你一个好的排名。
下面我们再来看组黄山旅游www.hssjfc.cn的列表:
这样的列表不得当D用一个DIV,E用一个DIV,然后二个层举行叠加,我给大家(All people)的誊录建议(Advice)是:
%26lt;dl%26gt;
%26lt;dt%26gt;旅游指南%26lt;/dt%26gt;
%26lt;dd%26gt;%26lt;ul%26gt;%26lt;li%26gt;%26lt;/li%26gt;%26lt;li%26gt;%26lt;/li%26gt;%26lt;/ul%26gt;%26lt;/dd%26gt;
%26lt;/dl%26gt;
%26lt;dl%26gt;
%26lt;dt%26gt;旅游百宝箱%26lt;/dt%26gt;
%26lt;dd%26gt;%26lt;ul%26gt;%26lt;li%26gt;%26lt;/li%26gt;%26lt;li%26gt;%26lt;/li%26gt;%26lt;/ul%26gt;%26lt;/dd%26gt;
%26lt;/dl%26gt;
可能(May)有朋友会问,为何%26lt;dd%26gt;里面(Inside)还要嵌套一个ul,而不直接用dd标签呢?那*个主要是为了代码的简便,我们将dd里面(Inside)的内容单独用ul誊录,不但(Not only)适应列表多样性的变革(Changes),并且dl可以定义成一样的,css代码就简便了许多,语义也相当的明白。
评论