CSS头部和尾部标签是网页布局中非常实用的工具。通过使用这些标签，你可以在页面的头部和尾部添加自定义内容，例如网站 Logo、导航栏和联系信息等。
<head><title>这是标题</title><link rel="stylesheet" type="text/css" href="/post/style.css"></head><body><header><img src="/post/logo.png" ><nav><ul><li><a href="">首页</a></li><li><a href="">关于我们</a></li><li><a href="">产品介绍</a></li><li><a href="">联系我们</a></li></ul></nav></header><main><h1>欢迎来到本站</h1><p>这是一段文字内容</p></main><footer><p>版权所有 © 2023 xxx 公司。</p><p>联系地址：xxx，电话：xxx</p></footer></body>
在上面的代码中，<head> 标签中包含了网页的标题和 CSS 样式表的链接。<body> 标签中包含了页面的主要内容，其中 <header> 标签表示页面的头部，包含了网站 Logo 和导航栏等元素。<main> 标签表示页面的主体内容。<footer> 标签表示页面的底部，包含了版权信息和联系方式等元素。
头部和尾部标签的使用不仅可以使布局更加美观和清晰，还可以提高网站的用户体验。通过清晰的导航栏和联系信息等元素，用户可以更加轻松地找到自己需要的信息，从而提高了用户的满意度。