Блог

Используя CSS, я могу улучшить внешний вид и функциональность, позволяя пользователю нажимать на весь элемент списка, а не на якорь внутри него. Наведение курсора и тому подобное выглядит просто лучше, а теги привязки разборчивы с заполнением сверху и снизу. Однако я не хочу жертвовать возможностью обхода поисковых запросов Google. Просто осваиваю 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"
      }
    )
})
  

без сомнения, если вы ищете лучшее SEO и удобство использования, вы хотели бы использовать ссылку (тег). Это означает, что вы можете перейти к элементу с помощью клавиатуры, имеет встроенные статусы кликов (: активный,: фокус) и т.д., И все, что анализирует страницу на предмет прямых ссылок, должно быть в состоянии их найти.

Что касается вашего комментария о возможности улучшения стиля при применении к LI , вы можете использовать тот же элемент управления, нацелившись на li > a вместо этого. В HTML5 разрешено помещать блочные элементы внутри A тега, если это вас отговаривало? Рад помочь вам, если вы предоставите jsfiddle более полный пример.