有了页面总体布局,下面开始各个页面元素的完善。首先从头部header层开始。这一区域主要有4个组成部分,分别是网站LOGO、网站标语、搜索框及网站导航菜单。下面依次
序开始编码。
<p id="logo">我爱天津网站建设</p>
上面网站LOGO部分的XHTML代码将链接文字包含在段落p里面,通过给链接元素a设置CSS样式应用背景图片,将LOGO图片显示出来,然后再合理地隐藏掉链接文字。有些做法是将LOGO图片通过img标签直接引用进来,然后给图片增加超链接。毛这里不否定这样的方法,但当用户禁用图片与CSS样式时,可能无法确定所在站点的名称。而以为链接文字的方法,但当用户禁用图片与CSS样式时,可能无法确定所在站点的名称。而以为链接文字:设置背景图片的方式引入LOGO,能够适应更多的浏览环境,即使图片不显示、CSS样式被禁用,站点名称都不会丢失,具有更强的适应性。网站标语的XHTML编码如下。
...