{% load i18n %}

<!-- 文章导航区域，用于分页导航 -->
<nav id="nav-below" class="navigation" role="navigation">
    <h3 class="assistive-text">
        {% trans 'article navigation' %}  <!-- 翻译为“文章导航”，供辅助设备识别 -->
    </h3>

    <!-- 若存在下一页且有下一页URL，显示“更早的文章”链接 -->
    {% if page_obj.has_next and next_url %}
        <div class="nav-previous">
            <a href="{{ next_url }}">
                <span class="meta-nav">&larr;</span>  <!-- 左箭头图标 -->
                {% trans 'earlier articles' %}  <!-- 翻译为“更早的文章” -->
            </a>
        </div>
    {% endif %}

    <!-- 若存在上一页且有上一页URL，显示“更新的文章”链接 -->
    {% if page_obj.has_previous and previous_url %}
        <div class="nav-next">
            <a href="{{ previous_url }}">
                {% trans 'newer articles' %}  <!-- 翻译为“更新的文章” -->
                <span class="meta-nav">→</span>  <!-- 右箭头图标 -->
            </a>
        </div>
    {% endif %}
</nav><!-- .navigation -->  <!-- 导航区域结束 -->