网页设计中典型的header代码结构
|
页面中header部分一般位于最上端（有时根据需要也会位于某一侧，不管它在页面中的位置如何，在XHTML代码中它总是优于其它元素先加载），内容主要包括网站名称（Logo，次级标题可能是网站的一句口号等）和网站的导航部分。在推行Web标准的现代网络中，Web中对于header的代码结构似乎已经趋于稳定化。下面是一个典型的header代码结构： <div id="header"> 这段代码我们可以通过添加CSS代码来实现多种布局样式。 之所以说是典型的布局方式，因为它既够简洁又有语义。<h1></h1>说明了标签内容在页面中的作用和重要层次，<ul>、<li>无序列表列出了站内的所有主要内容分类，并通过<li>标签说明它们是同级相邻的，等等，诸如此类。查看更多本站CSS教程。 但是我们要考虑考虑。导航（也就是我们的menu）在页面应该处于什么样的位置呢？和普通文本相比，它们肯定会处于更高级的位置之上。或者这么说，导航(menu)应该和网站标题的关系更加亲密一些。在我们上面的代码结构中，我们看不出menu和<h>之间的关系来，或者说这些<ul>、<li>标签与<h1>的关系和footer中的<ul>、<li>与<h1>的关系没有任何区别。 因此我们要换一个方式来表达这个语义。我们很容易就会想到使用<dl>、<dt>、<dd>。<dl>来定义一个列表，<dt><dd>说明附属关系。因此上面的header部分我们可以这样来写： <div id="header"> |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
