Jump to content
  • 0

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


Kompilator
 Share

Question

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

Валидатор ругается на тег - <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 .

Спасибо !

Link to comment
Share on other sites

24 answers to this question

Recommended Posts

  • 0
  On 5/12/2015 at 7:13 AM, Vlad said:
<p id="lst1"></p>

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

  On 5/12/2015 at 7:20 AM, Z1gnet said:

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

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

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

Link to comment
Share on other sites

  • 0

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

 

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

 

 

  On 5/12/2015 at 7:31 AM, Kompilator said:
Если повторить в тексте несколько раз
, валидатьр ругается на эти повторы.
 
Скорее всего не на повторы, а опять же на многократную неправильную вложенность. Или это не валидатор  :)
Link to comment
Share on other sites

  • 0
  On 5/12/2015 at 8:16 AM, SelenIT said:
Но вообще беспокоиться о валидности на странице, где разбивка на абзацы сделана через

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

Спасибо.

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

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

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

Edited by Kompilator
Link to comment
Share on other sites

  • 0

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

 

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

Link to comment
Share on other sites

  • 0
  On 5/12/2015 at 10:12 AM, SelenIT said:
Универсальный контейнер для блоков — див. Спан — универсальный контейнер для частей фразы, в пределах одного абзаца.

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

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

Edited by Kompilator
Link to comment
Share on other sites

  • 0

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

 

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

Link to comment
Share on other sites

  • 0
  On 5/12/2015 at 11:04 AM, SelenIT said:
Категорически рекомендую сначала попробовать понять причину проблемы (хотя бы перевести сообщение валидатора), прежде чем кидаться ее «исправлять».

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

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

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

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

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

<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>

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

Link to comment
Share on other sites

  • 0

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

  • Like 1
Link to comment
Share on other sites

  • 0

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

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

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

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

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

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

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

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

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

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

Link to comment
Share on other sites

  • 0
  On 5/14/2015 at 1:26 PM, Vlad said:

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

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

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

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

Link to comment
Share on other sites

  • 0
  On 5/14/2015 at 3:32 PM, Vlad said:

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

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

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

Edited by Kompilator
Link to comment
Share on other sites

  • 0

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

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

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

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

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

Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

  • 0
  On 5/15/2015 at 9:34 AM, SelenIT said:

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

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

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

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

Edited by Kompilator
Link to comment
Share on other sites

  • 0
  On 5/15/2015 at 5:39 PM, SelenIT said:

 

  On 5/15/2015 at 5:05 PM, Kompilator said:
Можно стиль в ДИВе задавать классом ?

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

 

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

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

.txt_cnt{text-align:  center;}

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy