borus Posted April 18, 2013 Report Share Posted April 18, 2013 (edited) Здравствуйте.Правильно ли использовать последовательность тегов <a><img><div>...</div></a>? Edited April 18, 2013 by borus Quote Link to comment Share on other sites More sharing options...
0 lolka84 Posted April 18, 2013 Report Share Posted April 18, 2013 Нет. Quote Link to comment Share on other sites More sharing options...
0 borus Posted April 18, 2013 Author Report Share Posted April 18, 2013 а <a><div><img></div><div>...</div></a>? Quote Link to comment Share on other sites More sharing options...
0 lolka84 Posted April 18, 2013 Report Share Posted April 18, 2013 Нет. Quote Link to comment Share on other sites More sharing options...
0 borus Posted April 18, 2013 Author Report Share Posted April 18, 2013 (edited) Нет.как же тогда в ссылку запихнуть и изображение, и текст? Через фон? чтобы сделать изображение фоновым потребуется в коде php применять стили элемента через атрибут styles тега <a> Это будет правильно? Или есть более правильный метод?Опишу ситуацию: выводятся картинки товаров, поэтому забить жестко в css не могу. Или есть динамическое изменение файлов .css? Edited April 18, 2013 by borus Quote Link to comment Share on other sites More sharing options...
0 lolka84 Posted April 18, 2013 Report Share Posted April 18, 2013 http://htmlbook.ru/samlayout/blochnaya-verstka/blochnye-elementyСлева еще пункты "строчные" и "строчно-блочные" элементы. Читайте. Quote Link to comment Share on other sites More sharing options...
0 borus Posted April 18, 2013 Author Report Share Posted April 18, 2013 (edited) получается подойдут конструкции1. <a style="background:url(...)...; display:block;">текст</a>2. <a ><img>текст</a>3. <a ><img><span>текст</span></a>Интересует вторая конструкция, правильная ли она? Edited April 18, 2013 by borus Quote Link to comment Share on other sites More sharing options...
0 npofopr Posted April 18, 2013 Report Share Posted April 18, 2013 <a><img><div>...</div></a>Правильно, если ссылку вы сделаете блочным элементом. И если у вас доктайп <!doctype html>Про доктайп могу ошибаться, но все равно правильнее его использовать будет.+ можно воспользоваться такой конструкцией: <div> <a href="#1"><img src="" alt=""></a> <a href="#1">Название товара</a></div> 1 Quote Link to comment Share on other sites More sharing options...
0 borus Posted April 18, 2013 Author Report Share Posted April 18, 2013 (edited) + можно воспользоваться такой конструкцией:<div><a href="#1"><img src="" alt=""></a><a href="#1">Название товара</a></div>благодарю. от этой конструкции не будет изменения цвета текста при наведении на фото. для этого затеял поиски подходящей конструкции Edited April 18, 2013 by borus Quote Link to comment Share on other sites More sharing options...
0 npofopr Posted April 18, 2013 Report Share Posted April 18, 2013 + можно воспользоваться такой конструкцией:<div><a href="#1"><img src="" alt=""></a><a href="#1">Название товара</a></div>благодарю. от этой конструкции не будет изменения цвета текста при наведении на фото. поэтому началась вся эта петрушкаНу да, частая проблема. Можно решить или скриптом или a:hover + a {color:#F00}если не ошибаюсь. 1 Quote Link to comment Share on other sites More sharing options...
0 borus Posted April 18, 2013 Author Report Share Posted April 18, 2013 (edited) вроде конструкция <a ...><img .../>текст</a> прошла валидацию на XHTML 1.0 transitional. попробую использовать Edited April 18, 2013 by borus Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted April 18, 2013 Report Share Posted April 18, 2013 пункты "строчные" и "строчно-блочные" элементы. Устарело года на 3. Не слушайте ретроградов, читайте, как оно в действительности Правильно, если ссылку вы сделаете блочным элементом. И если у вас доктайп <!doctype html>Картинку в таком случае тоже желательно сделать display:block. Чтобы блочные «кирпичики» соседствовали только с блочными, и браузеру не приходилось изобретать анонимные обертки. Но вообще — да, так делать можно. Уже года 4 как минимум (а на практике и того больше). XHTML 1.0 transitional Устарело лет на 8. «Переходность» доктайпа означает терпимость валидатора к пережиткам HTML 3.2. Оно нам надо сегодня, когда есть годный доктайп для любых практических целей? К тому же с переходным доктайпом браузеры переходят не в стандартный режим, а в какое-то ни рыба ни мясо. А в чем профит-то? Quote Link to comment Share on other sites More sharing options...
0 borus Posted April 18, 2013 Author Report Share Posted April 18, 2013 (edited) учиться и учиться у вас, Селеныч.Оно нам надо сегодня, когда есть годный доктайп для любых практических целей?Вы про то, что надо использовать HTML5? Это что-то даст, если не использовать его новые возможности или это невозможно используя его? Edited April 18, 2013 by borus Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted April 18, 2013 Report Share Posted April 18, 2013 Я про то, что нет разумных оснований не использовать короткий доктайп. Ну и его мелкие «полезняшки» типа тех же блочных ссылок. Тем более, что для новых браузеров не видно разницы Quote Link to comment Share on other sites More sharing options...
0 borus Posted April 18, 2013 Author Report Share Posted April 18, 2013 (edited) в общем буду пытаться переделать на правильные рельсы.Я про то, что нет разумных оснований не использовать короткий доктайп. Ну и его мелкие «полезняшки» типа тех же блочных ссылок. Тем более, что для новых браузеров не видно разницы не могу понять, что делать с вашей первой ссылкой, странный какой-то сайт Edited April 18, 2013 by borus Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted April 18, 2013 Report Share Posted April 18, 2013 Это HTML-презентация. Открываете первый кадр, а дальше пробелом Quote Link to comment Share on other sites More sharing options...
0 Zverushka Posted April 18, 2013 Report Share Posted April 18, 2013 А разве в хтмл5 не позволяется засунуть в ссылку что угодно? Quote Link to comment Share on other sites More sharing options...
0 deadrash Posted April 18, 2013 Report Share Posted April 18, 2013 Это HTML-презентация. Открываете первый кадр, а дальше пробелом Это слайды к презентации, а где можно саму презентацию увидеть, есть запись? Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted April 18, 2013 Report Share Posted April 18, 2013 разве в хтмл5 не позволяется засунуть в ссылку что угодно? Не совсем всё. Другую ссылку, элемент формы или еще что-то интерактивное всё-таки нельзя. Но «строчностью-блочностью» теперь точно можно не заморачиваться где можно саму презентацию увидеть, есть запись? Quote Link to comment Share on other sites More sharing options...
0 deadrash Posted April 18, 2013 Report Share Posted April 18, 2013 Спасибо! Quote Link to comment Share on other sites More sharing options...
0 Zverushka Posted April 18, 2013 Report Share Posted April 18, 2013 ХТМЛ5 позволяет совершать много ошибок и неточностей и отображает страницу корректно, можно не указазывать тип скипта (джава скрипт), не ставить кавычки итд, но поймут ли старые бразуеры это, которые не знают еще стандартов хтмл5? Стоит ли для них ставить четко кавычки, указывать что - джава скрипт, указывать дополнительные параметры в кодировке итп? Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted April 18, 2013 Report Share Posted April 18, 2013 ХТМЛ5 позволяет совершать много ошибок Нет. HTML5 предоставляет несколько равноправных правильных вариантов и предписывает браузерам единообразно реагировать на ошибки. Благодаря большему количеству правильных вариантов, сделать настоящую ошибку (напр. вложить ссылку в ссылку) в HTML5 даже труднее, чем в XML (где строго контролируется лишь синтаксис, а логика целиком остается на совести автора). поймут ли старые бразуеры это, которые не знают еще стандартов хтмл5? Поймут. Эти возможности добавлены в стандарт именно потому, что они работали во всех актуальных браузерах (принцип «paving the cowpaths»). Стоит ли для них ставить четко кавычки В общем случае стоит. Не для старья, а для простоты — чтобы не переписывать код радикально если, например, в значении атрибута внезапно появится пробел. Исключение — очень высоконагруженные проекты, где «байты — деньги» (© Google). указывать что - джава скрипт Не нужно. указывать дополнительные параметры в кодировке Тоже не нужно. Quote Link to comment Share on other sites More sharing options...
Question
borus
Здравствуйте.
Правильно ли использовать последовательность тегов <a><img><div>...</div></a>?
Edited by borusLink to comment
Share on other sites
21 answers to this question
Recommended Posts
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.