Валидатор ругается на тег - table.

[Kompilator]

Здравствуйте.

Валидатор ругается на тег - <table>, подскажите как устранить эту ошибку ?

https://validator.w3.org/check?uri=http%3A%2F%2Fxn--b1aaib2asvk.xn--p1ai%2Fkustom.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices ,

а также говорит про устаревшую запись - <p><a name="lst1"></a></p>, как её правильно переписать ?

Адрес страницы - http://велосвет.рф/kustom.html .

Спасибо !

[Vlad]

<p id="lst1"></p>

[Z1gnet]

<p><a name="lst1"></a></p> замени на <p><a id="lst1"></a></p> и <span class="d_center">   на <div class="d_center">  

[Kompilator]

<p id="lst1"></p>

Спасибо, исправил.

<span class="d_center">   на <div class="d_center">  

Если повторить в тексте несколько раз <div class="d_center">, валидатьр ругается на эти повторы.

Как у меня в странице - <span class="d_center">, работает без ругани.

[Kompilator]

А что же делать с <table> ?

[SelenIT]

C <table> ничего делать не надо, он хороший и тут к месту. Исправлять надо вложенность элементов, чтобы потоковые элементы (<div>, <table> и т.п.) не вкладывались туда, где ожидается текстовое содержимое, напр. в <span>. И так до самого верха.

 

Но вообще беспокоиться о валидности на странице, где разбивка на абзацы сделана через <br><br> — всё равно, что немытому человеку без штанов беспокоиться о красоте прически, пардон.

 

 

Если повторить в тексте несколько раз

, валидатьр ругается на эти повторы.

 

Скорее всего не на повторы, а опять же на многократную неправильную вложенность. Или это не валидатор 

[Kompilator]

Но вообще беспокоиться о валидности на странице, где разбивка на абзацы сделана через

— всё равно, что немытому человеку без штанов беспокоиться о красоте прически, пардон.

Спасибо.

Объясните, чем <br> так плох ?

Вместо него надо использовать - <p> ?

—

И если не вкладывать в <span> всякие дивы и таблы, то что правильно использовать вместо спан ?

Edited May 12, 2015 by Kompilator

[SelenIT]

<br>, как и любой разрешенный стандартом тег, ничем не плох, когда используется к месту. Например, для разбивки на строки почтового адреса или стихотворной строфы. Но здесь явно текст разбит на абзацы, а для этого, да, напрямую предназначен тег <p>. Нужно использовать элементы по назначению, иначе толку от формальной валидности немного.

 

Универсальный контейнер для блоков — див. Спан — универсальный контейнер для частей фразы, в пределах одного абзаца.

[Kompilator]

Универсальный контейнер для блоков — див. Спан — универсальный контейнер для частей фразы, в пределах одного абзаца.

Spanы вместо divов я только сегодня поставил, т.к. валидатор ругался что одинаковый div id="...." повторяется несколько раз.

Т.е. 5 одинаково оформленых таблиц с одними свойствами заданными через div не проходят, а одинаковые span прошли.

Edited May 12, 2015 by Kompilator

[SelenIT]

Валидатор будет ругаться на одинаковый id, повторенный несколько раз, независимо от того, какому тегу он задан. И совершенно справедливо, поскольку для повторяемых вещей есть class, который опять же проходит валидацию для любого тега.

 

Категорически рекомендую сначала попробовать понять причину проблемы (хотя бы перевести сообщение валидатора), прежде чем кидаться ее «исправлять». Это сэкономит массу времени и поможет не выглядеть нелепо).

[Kompilator]

Категорически рекомендую сначала попробовать понять причину проблемы (хотя бы перевести сообщение валидатора), прежде чем кидаться ее «исправлять».

Спасибо, Ваши советы помогают =))))).

Перевожу ругань в гугле, без этого вообще никак.

С таблицей разобрался.

—

Ещё ругается на символ - &, который находится в строке параметров карты яндекса.

Например вот:

<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=Fl4OUCV2hVCfyBfX-RshS5xcZZg8ynU7&width=570&height=406"></script>

Но раз я для поисковика яндекса стараюсь, он свою то ошибку себе простить должен ?

[SelenIT]

Амперсанд желательно экранировать в виде &, поскольку иначе браузер/поисковик может попытаться интерпретировать &height=406 как неизвестную символьную постановку а-ля © или ². Насколько мне известно, в реальности таких браузеров (практически) нет, но лучше не создавать двусмысленных вещей в коде, поскольку закон Мерфи 

[Kompilator]

Спасибо.

Всё исправил, пока ошибок нет.

Но от <br> отучиваться не получается ((((.

[Kompilator]

И снова вопрос.

У меня таблицы обёрнута каждая в DIV.

Таблиц несколько.

Свойства их одинаковы.

Ставлю 2-3-4 одинаковых DIVa, валидатор ругается, нельзя говорит одинаковые дивы повторять.

Сделал 1 див и в него все таблицы, но в этом случае, таблицы прижаты к левому краю, а надо по центру.

Вот страница - http://xn--b1aaib2asvk.xn--p1ai/iq.html.

Подскажите, во что заворачивать таблицы кроме DIVов, что бы можно было повторять свойства.

Или может ещё какие способы есть ?

И снова, спасибо !

[Vlad]

Одинаковые Div можно, нельзя использовать один id, скорее в этом ошибка.

[Kompilator]

Одинаковые Div можно, нельзя использовать один id, скорее в этом ошибка.

Вобщем то, одно и тоже.

Не писать же много одинаковых id с разными названиями.

Должен быть выход.

[Vlad]

Выход есть - надо писать много одинаковых class. Зачем вы вообще Id используйте? Забудьте про него и эту порочную практику.

[Kompilator]

Выход есть - надо писать много одинаковых class. Зачем вы вообще Id используйте? Забудьте про него и эту порочную практику.

В какой контейнер с применением класса вставить таблицу тогда ? Или можно написать - <table class="tab">.......</table> ?

Не могу проверить, компьютер только на работе, а узнать интересно сейчас ))))))

[Vlad]

Да, так тоже можно, класс добавлять к таблицам, без лишнего <div>.

[Kompilator]

Тут разобрался.

А вот не пойму, почему в IE нет тени под таблицей - http://велосвет.рф/reviev.html

Если исследовать элемент, строка - box-shadow: 3px 3px 5px rgba(0,0,0,0.5) присутствует.

В фаерфоксе и хроме тень есть.

—

upd: опс, понял, display:block; случайно удалил из стиля таблицы, пойду читать за что он отвечает

Edited May 15, 2015 by Kompilator

[Kompilator]

И всётаки надо таблицы в какой то контейнер вроде ДИВа класть.

Например мне нужно 2 таблице рядом разместить по центру, ниже текст, ниже одну таблицу, ниже текст и ниже 2 таблицы.

Вот смотрите, что без ДИВов получается, они все друг за другом идут, текст непойми где пишется ((((((

http://велосвет.рф/iq.html

И фон страницы такие таблицы не растягивают.

[SelenIT]

По ссылке вижу вариант с дивами (которым, правда, зачем-то задан display:table — это вы так с выпадением float-ов из контейнера боретесь?). И стили этим дивам почему-то опять заданы через айдишки, хорошо хоть разные, но смысл? Чем плохи классы?

[Kompilator]

По ссылке вижу вариант с дивами (которым, правда, зачем-то задан display:table — это вы так с выпадением float-ов из контейнера боретесь?). И стили этим дивам почему-то опять заданы через айдишки, хорошо хоть разные, но смысл? Чем плохи классы?

Исправил на display:block, это я разные пробовал, смотрел что будет.

Можно стиль в ДИВе задавать классом ? попробую.

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

Edited May 15, 2015 by Kompilator

[SelenIT]

Можно стиль в ДИВе задавать классом ?

Можно и нужно! Вам уже вторую страницу это советуют!

[Kompilator]

 

Можно стиль в ДИВе задавать классом ?

Можно и нужно! Вам уже вторую страницу это советуют!

 

Спасибо. Работает.

Только почемуто такой класс:

.txt_cnt{text-align:  center;}

не работает в контейнере SPAN, пришлось все центруемые подписи под фото в DIVы заворачивать, это считается плохо ?