Отличие в коде и просмотре кода элемента

Здравствуйте, имею в коде
<a id="a1" href="#" name="#tab1">Главная</a>
А если этот элемент на странице в Хроме гляну просмотр кода элемента увижу
<a id="current" href="#" name="#tab1">Главная</a>
Почему такое отличие?
14 ответов

Может, скриптами меняется в "процессе работы". Отладчик показыывает текущее состояние реального дерева, а исходный код страницы - это именно исходный код, из корого дерево было построено в начале.


и как эти предпосылки на изменение в работе увидеть?я так понимаю скрипты где-то переименовывают a1 в current, но не встречается в коде current


current-ом он отображает "выбранный" пункт меню, какую CMS используешь?


какую CMS используешь?
что-то я не знаю, что это такое? Вики не помогла CMS: Content Management System (система управления содержимым) — информационная система или компьютерная программа для обеспечения и организации совместного процесса создания, редактирования и управления контентом. Color Management System (система управления цветом) — система или программа преобразования между разными моделями представления цвета различными устройствами (сканерами, принтерами, мониторами и т. п.). CMS — подсистема операционной системы VM (см.: Система виртуальных машин#ПДО). Compact Muon Solenoid (компактный мюонный соленоид) — один из детекторов элементарных частиц на Большом адронном коллайдере. Cytoplasmic male sterility (цитоплазматическая мужская стерильность, ЦМС) — явление полной или частичной стерильности андроцея высших растений. Cryptographic Message Syntax Cash Management System Central Management Software Customer Management System Constant Maturity Swap (англ.) Creative Music System (Game Blaster) — звуковая карта компании Creative Technology, выпущена в 1987 году.


Content Management System (система управления содержимым) — информационная система или компьютерная программа для обеспечения и организации совместного процесса создания, редактирования и управления контентом.Это система, позволяющая автоматизировать процесс добавления и\или изменения контента (содержимого) сайта - динамически.В Вашем случае, если бы страничка была статичной, то есть без php, то класс меню меняться не должен (ну только если сами браузеры не начали изменять структуру кода страницы...), а ежели он заменяется, то видимо у вас работает на сайте php обработчик (ну или JS) который при загрузке страницы активному пункту меню меняет его класс, на класс current


который при загрузке страницы активному пункту меню меняет его класс, на класс current
спасибо это я понял, но как найти его следы?нашёл следы в файле JS
    function resetTabs(){
        $("#content div").hide(); //Скрываем содержание
        $("#tabs a").attr("id",""); //Сбрасываем id      
    }
 
    var myUrl = window.location.href; //Получаем URL
    var myUrlTab = myUrl.substring(myUrl.indexOf("#")); // Для localhost/tabs.html#tab2 myUrlTab = #tab2     
    var myUrlTabName = myUrlTab.substring(0,4); // Для выше приведённого примера myUrlTabName = #tab
 
    (function(){
        $("#content div").hide(); // Скрываем всё содержание при инициализации
        $("#tabs li:first a").attr("id","current"); // Активируем первую закладку
        $("#content div:first").fadeIn(); // Показываем содержание первой закладки
        
        $("#tabs a").on("click",function(e) {
            e.preventDefault();
            if ($(this).attr("id") == "current"){ //Определение текущей закладки
             return       
            }
            else{             
            resetTabs();
            $(this).attr("id","current"); // Активируем текущую закладку
            $($(this).attr('name')).fadeIn(); // Показываем содержание текущей закладки
            }
        });
 
        for (i = 1; i <= $("#tabs li").length; i++) {
          if (myUrlTab == myUrlTabName + i) {
              resetTabs();
              $("a[name='"+myUrlTab+"']").attr("id","current"); // Активируем закладку по url
              $(myUrlTab).fadeIn(); // Показываем содержание закладки
          }
        }
    })()
я так понимаю в файле css
/*селектор идентификатора, несколько селекторов идентификатора разделяются запятыми*/   
    #a1, #a2, #a3, #a4, #a5{
/*padding - набивка*/
    /*padding: 2em;*/
/*внутренний правый отступ между закладкой и надписью внутри её, important - важный*/
    padding-right:  5px !important;
/*внутренний левый отступ между закладкой и надписью внутри её*/
    padding-left: 5px !important;
}
нужно ещё через запятую current поставить? пробую
пробую
так и есть, моё предположение верное, но это при загрузке страницы, а после нажатия на вкладку код закладок становится
<a id="current" href="#" name="#tab1">Главная</a>
<a id="current" href="#" name="#tab2">Совет 1</a>
<a id="current" href="#" name="#tab3">Текст от 3 лица</a>
и т.д почему тогда код
/*селектор идентификатора, несколько селекторов идентификатора разделяются запятыми*/ 
/*#current, потому, что при загрузке страницы id="a1" переименовывает в id="current", current - текущий*/  
    #a1, #a2, #a3, #a4, #a5, #current {
/*padding - набивка*/
    /*padding: 2em;*/
/*внутренний правый отступ между закладкой и надписью внутри её, important - важный*/
    padding-right:  5px !important;
/*внутренний левый отступ между закладкой и надписью внутри её*/
    padding-left: 55px !important;
}
не срабатывает?


Ципихович Эндрю, CMS - простыми словами движок. Wordpress, Joomla, Vbulettin... Это сердце сайта. Если Ваш сайт использует такую систему, то практически в каждой их них реализована следующая вкусняшка: При выборе пункта меню, он начинает подсвечиваться или каким-то другим образом выделяться. Это сделано с целью дать понять посетителю на какой странице он находится. Так вот, класс или идентификатор который присваивается ссылке после нажатия и служит для ее выделения. Если в Вашем случае выделения никакого не происходит, возможно у Вас нет с таблице стилей такой класса или ID.


Wordpress, Joomla, Vbulettin... Это сердце сайта.
увы, вернее к счастью нет ни сердца ни почек...а вот тут я не знаю синтакс, подскажете?
/*селектор класса, где селекторы указываются после точки - ".name" - после точки указано имя класса селектора*/
    .#tab1, .#tab2, .#tab3, .#tab4, .#tab5 {
/*padding - набивка*/
    /*padding: 2em;*/
/*внутренний правый отступ между закладкой и надписью внутри её, important - важный*/
    padding-right:  2px !important;
/*внутренний левый отступ между закладкой и надписью внутри её*/
    padding-left: 2px !important;
}
.#tab1, - возможно решётка или запятая лишняя...


Ципихович Эндрю, приведенный Вами выше скрипт добавляет этот самый атрибут id=current при клике по ссылке. Выход - либо снести его за ненадобностью, либо создать этот самый #current в таблице стилей и поменять хотя бы цвет шрифта.) Поверьте, гораздо удобнее будет.
а вот тут я не знаю синтакс, подскажете?
Это обычное перечисление. Для всех перечисленных через запятую элементов будут одинаковые стили. Упс, там действительно напутали. Посмотрите на стили страницы - если это классы, оставьте точки, если идентификаторы, оставьте хэш.


/*селектор класса, где селекторы указываются после точки - ".name" - после точки указано имя класса селектора*/ * * .#tab1, .#tab2, .#tab3, .#tab4, .#tab5 {
и что же не взлетело?


Ципихович Эндрю, Если они должны быть классами, как следует из комментариев, удаляйте хэш и эти звездочки вначале строки.


хэш.
решётка что ли?не взлетело, значит от этого кода
/*селектор класса, где селекторы указываются после точки - ".name" - после точки указано имя класса селектора*/
    .#tab2, .#tab3, .#tab4, .#tab5 {
/*padding - набивка*/
    /*padding: 2em;*/
/*внутренний правый отступ между закладкой и надписью внутри её, important - важный*/
    padding-right: 2px !important;
/*внутренний левый отступ между закладкой и надписью внутри её*/
    padding-left: 2px !important;
}
я жду, что по нажатию на закладки правый и левый отступ будет 2 пикселя, но это не происходит...


Ципихович Эндрю, опять же дело в неправильных селекторах. Удалите решетки. (да, хэш - это решетка )И свойство padding можно записать одной строкой:
padding: 0 2px;


.tab2, .tab3, .tab4, .tab5 { - не работает как нужно и в блокноте++ цвет не естественный, что подсказывает об ошибке..
padding: 0 2px;
если бы было padding: 2px 2px; - я бы понял, что право лево по 2 пикселя, а так моему уму не поддаётся...а пока hatch - хэш, люк, крышка люка - решётка "#" пометил, буду знать, спасибо...