<!-- 面包屑导航列表，使用Schema.org规范标记，提升SEO和结构化数据识别 -->
<ul itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumb">

    {% for name,url in names %}  <!-- 循环遍历面包屑导航的每一级（除最后一级） -->
        <!-- 每一级导航项，符合Schema.org的ListItem类型 -->
        <li itemprop="itemListElement" itemscope
            itemtype="https://schema.org/ListItem">
            <!-- 导航项链接，itemprop="item"标记链接地址 -->
            <a href="{{ url }}" itemprop="item" >
                <span itemprop="name">{{ name }}</span></a>  <!-- 导航项名称，itemprop="name"标记 -->
            <!-- 标记当前导航项在列表中的位置（从1开始） -->
            <meta itemprop="position" content="{{ forloop.counter }}"/>

        </li>
    {% endfor %}  <!-- 导航项循环结束 -->

    <!-- 面包屑最后一级（当前页面），添加active类表示激活状态 -->
    <li class="active" itemprop="itemListElement" itemscope
        itemtype="https://schema.org/ListItem">
        <span itemprop="name">{{ title }}</span>  <!-- 当前页面名称，无链接 -->
        <!-- 标记最后一级在列表中的位置（由count变量指定） -->
        <meta itemprop="position" content="{{ count }}"/>
    </li>

</ul>  <!-- 面包屑导航列表结束 -->
