正文

如何编写HTML5页面底部版权信息的简洁代码

/0 浏览量
0709

在HTML5中，编写页面底部版权信息其实非常简单。版权信息通常位于页面底部，用来标明网站或页面的版权归属。以下是一个简洁的例子，展示了如何编写HTML5页面底部版权信息：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
    <style>
        /* 简单的CSS样式，只为版权信息添加一些样式 */
        .footer {
            text-align: center;
            color: #666;
            font-size: 12px;
            margin-top: 20px;
        }
    </style>
</head>
<body>

    <!-- 页面内容 -->

    <footer class="footer">
        &copy; 2023 <a href="http://www.example.com" target="_blank">Example公司</a> 版权所有
    </footer>

</body>
</html>

在这个例子中，我们创建了一个简单的HTML5页面，其中包含以下部分：

  1. <!DOCTYPE html>：声明文档类型为HTML5。
  2. <html>：HTML文档的根元素。
  3. <head>：包含元信息，如页面的标题和样式。
  4. <title>：定义了页面的标题。
  5. <style>：定义了页面的内部CSS样式。这里我们为.footer类添加了一些简单的样式，使版权信息居中显示，并设置了字体大小和颜色。
  6. <body>：包含页面内容。
  7. <footer>：定义了页面的页脚部分。<footer>元素是HTML5中的一个新元素，用于描述文档或节的页脚。
  8. <a>：创建了一个超链接，用于指向版权所有者的网站。href属性定义了链接的目标URL，target="_blank"属性表示在新窗口或标签页中打开链接。

版权信息中的&copy;符号表示版权符号，通常用来表示版权归属。

你可以根据自己的需要修改这个示例代码，例如，你可以添加更多样式，或者根据版权信息的需求调整内容。

-- 展开阅读全文 --