Question

使用CSS我可以通过允许用户点击整个列表项与其中的锚点来获得更好的外观，感觉和功能。悬停和这样看起来更好，锚标签是顶部和底部填充挑剔。但是，我不想牺牲谷歌搜索的爬行能力。刚刚开始使用Angular，但从过去的经验中了解到，锚标签是网站其他部分的关键。 Angulars路由会处理这个问题吗？会添加rel="me"帮助吗？

无论我的问题是什么 - 哪个更适合Google抓取：

 <li ng-repeat='item in mainNav' ng-click="{{item.url}}">{{item.nav}}</li>

或：

 <li ng-repeat='item in mainNav'><a href="{{item.url}}" title="">{{item.nav}}</a></li>

还是重要的？

其他代码：

function nav($scope) {
    $scope.templates =[
        { name: 'header.html', url: 'templates/header.html'},
        { name: 'footer.html', url: 'templates/footer.html'}
    ];
    $scope.header = $scope.templates[0];
    $scope.footer = $scope.templates[1];
    $scope.mainNav = mainNav;
    $scope.footNav = footNav;
    $scope.showMobileNav = function(){
        $('#mainNav').slideToggle('fast');
    }
    $scope.go = function ( path ) {
        $location.path( path );
    };
}

var app = angular.module("app", ["ngRoute"]);

app.config(function($routeProvider) {
    $routeProvider.when('/',
      {
        templateUrl: "templates/home.html",
        controller: "AppCtrl"
      }
    )
    $routeProvider.when('/web/',
      {
        templateUrl: "templates/web.html",
        controller: "AppCtrl"
      }
    )
})

Answer 1

毫无疑问，如果您正在寻找最佳搜索引擎优化和可用性，您可能希望使用链接（标签）。这意味着您可以使用键盘选中元素，内置点击状态（：active，：focus）等，分析前向链接页面的任何内容都应该能够找到这些。

关于应用于LI时能够更好地设计样式的评论，您可以通过定位li＆gt;来获得相同的控件。一个而不是。在HTML5中，将块元素置于A标记中是否合法，如果这会阻止您的话？如果您向jsfiddle提供更完整的示例，请随时为您提供帮助。

Angularjs编码偏好查询：使用谷歌搜索seo的锚点来编码对div的点击次数是不是很糟糕？

1 个答案: