时间戳

首页 > 解决方案 > 用于链接到标题中当前页面部分的语义 HTML 标记

html - 用于链接到标题中当前页面部分的语义 HTML 标记

问题描述

我已经为带有指向不同页面以及当前页面部分的链接的标题编写了标记，我想知道以下内容：

我使用的标签名称在语义上是否合适？结构/层次结构是否正确？我的标记是否需要优化/更改以简化 CSS 样式？

<header>
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Setting</a></li>
            <li><a href="#">Progress</a></li>
            <li><a href="#">Learn</a></li>
        </ul>
    </nav>
    <ul>
        <li><a href="#">Section 1</a></li>
        <li><a href="#">Section 2</a></li>
        <li><a href="#">Section 3</a></li>
        <li><a href="#">Section 4</a></li>
        <li><a href="#">Section 5</a></li>
    </ul>
</header>

我希望这个标记尽可能标准化，并且准备好以任何可能的方式设置样式，而无需返回标记并更改它。

标签： htmlnavsemantic-markup

解决方案

我会说 SEO 相关...我们称之为元标签。

它应该是徽标图像 - alt标签很重要。例如，您的网站与“篮球论坛”相关..您可以在 alt="" 中输入这个alt="篮球论坛徽标"然后尝试您网站中的所有图片，您必须编写一个 alt 标签关键字相关页面/主题.

然后是元素——你必须在上面写一个标题，这样人们或搜索引擎才能看到链接的标题。

例子：

<a href="/basketball_player_names" title="Basketball Player Names">link</a>

搜索引擎优化真的非常巨大。更多信息请点击下面的链接。它来自谷歌 https://developers.google.com/search/

推荐阅读