header.htm discuz
时间 : 2024-01-08 06:19:02 声明: : 文章内容来自网络,不保证准确性,请自行甄别信息有效性

最佳答案

<!DOCTYPE html>

<html lang="zh-CN">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Discuz论坛</title>

<link rel="stylesheet" href="discuz.css">

</head>

<body>

<header>

<div class="logo">

<a href="index.html">

<img src="logo.png" alt="Discuz论坛">

</a>

</div>

<nav>

<ul>

<li><a href="index.html">首页</a></li>

<li><a href="forum.html">论坛</a></li>

<li><a href="members.html">会员</a></li>

<li><a href="login.html">登录</a></li>

</ul>

</nav>

</header>

</body>

</html>

这段代码是一个简单的Discuz论坛的头部HTML模板。`header.htm`是一个航母网站中的一个文件,用于定义网页的头部部分,包括网站的标题、导航栏等。在这个模板中,使用了HTML5的语法,用于定义网页的结构和样式。

在`<head>`标签中,设置了`charset`属性,指定了网页的字符编码为UTF-8,确保中文字符的正常显示。`<meta>`标签中的`viewport`属性用于设置网页在移动设备上的显示效果。`<title>`标签用于定义网页的标题。

在`<body>`标签中,定义了网页的主体内容。`<header>`标签用于定义网页的头部。其中,`<div>`标签用于包含网站的logo,`<nav>`标签用于定义导航栏,`<ul>`标签用于定义一个无序列表,`<li>`标签用于定义列表项。

通过这个头部模板,我们可以在各个页面上重复使用相同的头部代码,提高代码的复用性和维护性。同时,这个模板也可以根据需要进行修改和扩展,以满足特定的需求。

其他答案

<!DOCTYPE html>

<html>

<head>

<title>Discuz! Header</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<header>

<div class="logo">

<a href="index.html"><img src="logo.png" alt="Discuz! Logo"></a>

</div>

<nav>

<ul>

<li><a href="forum.html">论坛</a></li>

<li><a href="blog.html">博客</a></li>

<li><a href="gallery.html">图库</a></li>

<li><a href="members.html">会员</a></li>

<li><a href="login.html">登录</a></li>

<li><a href="register.html">注册</a></li>

</ul>

</nav>

</header>

</body>

</html>