Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.56/16: Рейтинг темы: голосов - 16, средняя оценка - 4.56
0 / 0 / 0
Регистрация: 31.07.2014
Сообщений: 16

Обертывание ссылкой div

08.08.2014, 01:10. Показов 3389. Ответов 11
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет, вопрос такой, можно ли div обертывать ссылкой или это неправильно? есть ли какие-то обходные варианты решения проблемы?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
08.08.2014, 01:10
Ответы с готовыми решениями:

Div ссылкой + валидация
Здравствуйте! Подскажите пожалуйста, что можно придумать чтоб пройти валидацию: Есть блочный элемент, у которого установлена...

Как сделать div ссылкой?
Есть код: <html> <head> <style type="text/css"> body{margin:0px;} .cl0 {width: 1920px; height: 1080px; overflow: visible;} #bl1...

Как сделать DIV блок ссылкой?
Как сделать DIV блок ссылкой?

11
19 / 20 / 12
Регистрация: 13.07.2014
Сообщений: 102
08.08.2014, 01:15
По этому поводу обычно начинаются холивары. Я немало их читал. С точки зрения валидности можно (если это html5). Но есть несогласные) А еще могу дать ссылку на свою тему, я там поднимал если не такой же, то близкий вопрос.

Как сделать блок ссылкой?
0
50 / 50 / 15
Регистрация: 25.04.2014
Сообщений: 106
08.08.2014, 02:21
Цитата Сообщение от aim777 Посмотреть сообщение
Но есть несогласные
Внутри строчных элементов нельзя помещать блочные, но ссылка является исключением, не знаю с чем там можно быть несогласным
0
0 / 0 / 0
Регистрация: 31.07.2014
Сообщений: 16
08.08.2014, 14:48  [ТС]
Спасибо большое всем, почитала
0
19 / 20 / 12
Регистрация: 13.07.2014
Сообщений: 102
08.08.2014, 16:42
МилокМурлыка, говорят, что при такой структуре не соблюдается логика кода, что плохо отражается на дальнейшей работе с проектом другими людьми. Я не знаю, насколько это верно.
0
 Аватар для vovandr
636 / 523 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
08.08.2014, 16:49
Цитата Сообщение от aim777 Посмотреть сообщение
говорят, что при такой структуре не соблюдается логика кода, что плохо отражается на дальнейшей работе с проектом другими людьми
Это бред
0
19 / 20 / 12
Регистрация: 13.07.2014
Сообщений: 102
08.08.2014, 17:03
vovandr, хорошо) Раньше я оборачивал дивы в <a> с неспокойной душой, а теперь буду со спокойной)))
0
 Аватар для vovandr
636 / 523 / 195
Регистрация: 19.08.2013
Сообщений: 1,400
08.08.2014, 17:05
главное doctype html5 указывайте и оборачивайте хоть весь сайт ссылкой
0
50 / 50 / 15
Регистрация: 25.04.2014
Сообщений: 106
08.08.2014, 17:16
Цитата Сообщение от aim777 Посмотреть сообщение
говорят, что при такой структуре не соблюдается логика кода
Содержимое тега <a> станет ссылкой, где тут нелогичность? Или вы думаете что больше логики придает вот это:
Цитата Сообщение от killlfun Посмотреть сообщение
<div class="linkblock" onclick="location.href='/';">
Этот подход наоборот сбивает с толку, потому что js лепят туда где он вообще не нужен. Или вот это:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
div {
    width: 300px;
    height: 600px;
    border: 1px solid #333;
    margin: 0 auto;
}
 
a {
    display:block;
    width:100%;
    height:100%;
    cursor:pointer;
}
Это же идиотизм, делает тоже самое, что и ссылкой обернуть только больше телодвижений и путаницы...
Максимум что можно сделать это ссылку (тег А!!) в стилях прописать блочной и не более. Это самый логичный вариант.
0
19 / 20 / 12
Регистрация: 13.07.2014
Сообщений: 102
08.08.2014, 17:47
МилокМурлыка,
Или вы думаете что больше логики придает вот это:
А зачем вы мне так яростно это доказываете?)) Разве я утверждал обратное? Я сказал, что есть несогласные, потому что предполагал, что в этой теме обязательно появится кто-нибудь, кто скажет "Что вы делаете??? Ни в коем случае не оборачивайте <div> в <a>!!! В этот раз не появились) Вы их спугнули)
0
08.08.2014, 18:29

Не по теме:


Цитата Сообщение от aim777 Посмотреть сообщение
А зачем вы мне так яростно это доказываете?))
Прошу прощения если я уж слишком был яростным, в школе фей меня к этому не готовили... >.<

0
0 / 0 / 0
Регистрация: 31.07.2014
Сообщений: 16
08.08.2014, 21:51  [ТС]
я хотела сделать кликабельный логотип. В результате создала img обернула его ссылкой и живу счастливо Оказывается img влияет на SEO в отличие от background
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
08.08.2014, 21:51
Помогаю со студенческими работами здесь

div блок не желает становиться ссылкой
Всем доброго времени суток. Прошу особо не пинать и тряпками не гнать за немного странный вопрос ибо я в HTML/CSS абсолютный новичок. ...

Как сделать весь блок div ссылкой?
Добрый день! Посоветуйте, пожалуйста, как сделать блок div ссылкой?

Ребята, помогите, как сделать DIV (меняющая картинка при наведении) ссылкой!?
Ребята, помогите, как сделать DIV (меняющая картинка при наведении) ссылкой!? вот код: &lt;style type=&quot;text/css&quot;&gt; ...

Сделать DIV ссылкой
Есть такой код: &lt;a href=&quot;/Dispatch/Index&quot;&gt;&lt;div class=&quot;sprite-MyTrips&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/a&gt; Необходимо получить такую же ссылку с помощью...

Сделать определенный <div> ссылкой
подскажите как сделать определенный &lt;div&gt; ссылкой $(document).ready(function() { ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm)
8Observer8 30.01.2026
Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru