Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.79/145: Рейтинг темы: голосов - 145, средняя оценка - 4.79
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2

Можно ли размещать тег div внутри тега a

20.12.2013, 23:43. Показов 27130. Ответов 27
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Оффтоп вынесен в отдельную тему
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
20.12.2013, 23:43
Ответы с готовыми решениями:

Можно ли внутри label размещать div и чем это чревато?
Доброе время суток знатоки! интересует такой вопрос, можно ли внутри label размещать div-ы и чем чревато это?

Где можно размещать тег img?
по стандарту html5 тег img можно размещать в любом элементе?

у меня тег strong, который лежит внутри h1 переопределяет стили тега h1
<style> strong{font-size: 11} h1{font-size: 20} </style> <h1><strong>Предлагаем Вам моторы бывшие в употреблении, предназначенные...

27
47 / 47 / 12
Регистрация: 25.11.2013
Сообщений: 117
22.12.2013, 02:49
Цитата Сообщение от 35cm Посмотреть сообщение
нельзя в тег <a> пихать <div>.
это чушь
в элемент <a> можно вкладывать тег <div>
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
22.12.2013, 21:10
Цитата Сообщение от заряжайка Посмотреть сообщение
это чушь:
Книжки почитай, спецификацию тоже, а нет желания учиться, то и не надо такими словами раскидываться.
Цитата Сообщение от Garbad Посмотреть сообщение
Всё. Разобрался сам. Надо было сделать так:
Зачем тут див вообще? достаточно было ссылке дать
CSS
1
a {display:block;}
0
47 / 47 / 12
Регистрация: 25.11.2013
Сообщений: 117
22.12.2013, 22:40
во-первых, я к вам на "ты" не переходил.
не обижайтесь на мои слова, но прежде чем такое мне говорить:
Цитата Сообщение от newJS Посмотреть сообщение
Книжки почитай, спецификацию тоже, а нет желания учиться, то и не надо такими словами раскидываться.
скажите, а вы сами то читаете, то что советуете другим или вы пустослов?

1. открываем описание и читаем:
Permitted contents
transparent (either phrasing content or flow content), смотрим что же это за контент-то такой:
2. тык
3. тык

после того как прочитаете, впредь думайте прежде, чем советовать читать что-либо другим
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
23.12.2013, 08:52
Ну и где написано что блочный элемент можно размещать внутри строчного?
0
47 / 47 / 12
Регистрация: 25.11.2013
Сообщений: 117
23.12.2013, 19:28
newJS, я привел вам ссылки, если вы не умеете читать и понимать, что написано, я могу вам только посочувствовать, начните с изучения основ HTML, потом плавно переходите на изучение HTML-тегов, успехов вам
0
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
23.12.2013, 22:14  [ТС]
заряжайка, newJS прав - нельзя пихать блочный элемент в строчный. Вы бы разобрались сначала, а потом уже сочувствовали - глядишь, и цель сочувствия бы поменялась.
0
47 / 47 / 12
Регистрация: 25.11.2013
Сообщений: 117
23.12.2013, 22:42
Taatshi, а давайте вы тоже перейдёте по ссылкам, которые я привёл и почитаете про элемент <a>, а именно, что может быть расположено внутри элемента <a>? там об этом подробно написано или быть может вы можете мне в спецификации показать, где написано о том, что внутри элемента <a> нельзя располагать блочные элементы?

Вы даже свои слова подтвердить ничем не можете, а это уже говорит о том, что вы HTML-то толком и не знаете

PS кстати можете убедиться в своей неправоте ещё и воспользовавшись валидатором: разместите в строчном элементе блочный и увидите ошибку, разместите блочный внутри элемента <a> и ошибки не будет
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
24.12.2013, 09:17
Цитата Сообщение от заряжайка Посмотреть сообщение
PS кстати можете убедиться в своей неправоте ещё и воспользовавшись валидатором: разместите в строчном элементе блочный и увидите ошибку, разместите блочный внутри элемента <a> и ошибки не будет
А самому скормить валидатору тестовый файлик не судьба видать.
отдаем валидатору
HTML5
1
2
<div><a name="#"></a></div>
<a href="#"><div></div></a>
получаем в ответ
Validation Output: 2 Errors

Error Line 14, Column 12: document type does not allow element "A" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag
<a href="#"><div></div></a>

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Error Line 14, Column 17: document type does not allow element "DIV" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag
<a href="#"><div></div></a>

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

А теперь внимательно читаем это:
Цитата Сообщение от заряжайка Посмотреть сообщение
разместите в строчном элементе блочный и увидите ошибку, разместите блочный внутри элемента <a> и ошибки не будет
Сначала в строчном блочный, а потом блочный в строчном. Круто.
Что можно доказать человеку не понимающему что он сам пишет.

Блочный элемент автоматом переносит строку, если его поместить внутрь строчного, то строку просто перенесёт, и кому это надо? смысл напрочь отсутствует.
0
47 / 47 / 12
Регистрация: 25.11.2013
Сообщений: 117
24.12.2013, 09:49
добавьте в начало документа, код которого вы в валидаторе проверяли строку <!DOCTYPE html> и покажите мне ошибки

Добавлено через 13 минут
newJS и Taatshi, я не сомневаюсь, что вы прекрасно знаете HTML и CSS и даже больше, но почему же вы упорно не хотите принять тот лишь факт, что внутри элемента <a> можно располагать элемент <div>?

так как вы, уважаемый newJS и уважаемая Taatshi, не знаю по каким причинам не можете перейти по приведённым мной ссылкам, то я специально для вас на пальцах распишу то, что вы не можете прочитать сами здесь, никуда при этом не переходя по ссылкам.

Первое: читайте и обратите внимание на "flow content":
Permitted contents: either phrasing content or flow content

Второе: читайте далее и обратите особое внимание на "Flow content consists of flow elements"
flow content: Flow content consists of flow elements intermixed with normal character data.

Третье: а теперь для вас лично newJS и для Taatshi, читайте супер внимательно:
Flow elements: phrasing elements or a or p or hr or pre or ul or ol or dl or div or h1 or h2 or h3 or h4 or h5 or h6 or hgroup or address or blockquote or ins or del or object or map or noscript or section or nav or article or aside or header or footer or video or audio or figure or table or form or fieldset or menu or canvas or details

Это взято из спецификации HTML5
Вы и дальше собираетесь мне доказывать, что внутри элемента <a> нельзя располагать элемент <div>?
0
andrey_bilalov
24.12.2013, 12:07
phrasing elements or a or p or hr or pre or ul or ol or dl or div or h1 or h2 or h3 or h4 or h5 or h6 or hgroup or address or blockquote or ins or del or object or map or noscript or section or nav or article or aside or header or footer or video or audio or figure or table or form or fieldset or menu or canvas or details
Это разрешенные родительские элементы. Путаете с дочерними.

И да. Блочный элемент внутри срочного размещать нельзя.

Добавлено через 23 минуты
Это разрешенные родительские элементы. Путаете с дочерними.
Немного неправильно. Родительские элементы - те, которые могут содержать любой из

or a or p or hr or pre or ul or ol or dl or div or h1 or h2 or h3 or h4 or h5 or h6 or hgroup or address or blockquote or ins or del or object or map or noscript or section or nav or article or aside or header or footer or video or audio or figure or table or form or fieldset or menu or canvas or details
47 / 47 / 12
Регистрация: 25.11.2013
Сообщений: 117
24.12.2013, 12:30
хорошо, раз вы говорите:
Цитата Сообщение от andrey_bilalov Посмотреть сообщение
Это разрешенные родительские элементы.
вы английский вообще знаете? как вы переводите следующее содержание?
Permitted contents: either phrasing content or flow content

Добавлено через 3 минуты
ладно, надоела мне эта тема, я переубеждать никого не собираюсь
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
26.12.2013, 15:41
HTML 4: The A element
XML
1
<!ELEMENT A - - (%inline;)* -(A)       -- anchor -->
HTML 5: The a element
Contexts in which this element can be used:
Where phrasing content is expected.
Content model:
Transparent, but there must be no interactive content descendant.
Phrasing content:
Phrasing content is the text of the document, as well as elements that mark up that text at the intra-paragraph level. Runs of phrasing content form paragraphs.
⇒ a, abbr, area (if it is a descendant of a map element), audio, b, bdi, bdo, br, button, canvas, cite, code, data, datalist, del, dfn, em, embed, i, iframe, img, input, ins, kbd, keygen, label, link (if the itemprop attribute is present), map, mark, math, meta (if the itemprop attribute is present), meter, noscript, object, output, progress, q, ruby, s, samp, script, select, small, span, strong, sub, sup, svg, template, textarea, time, u, var, video, wbr, Text
Transparent:
Some elements are described as transparent; they have "transparent" in the description of their content model. The content model of a transparent element is derived from the content model of its parent element: the elements required in the part of the content model that is "transparent" are the same elements as required in the part of the content model of the parent of the transparent element in which the transparent element finds itself.
Т.о., нет, по "понятиям" <a> никак не может содержать <div>.
1
47 / 47 / 12
Регистрация: 25.11.2013
Сообщений: 117
26.12.2013, 16:43
да, если смотреть там, то внутри <a> может быть только Phrasing content, однако, если смотреть здесь

то там уже написано:

Permitted contents
transparent (either phrasing content or flow content )

вот как раз в flow content и входит элемент <div>, и если в документе указать <!doctype html>, и проверить в валидаторе, то он не выдаёт ошибку по поводу того, что в элементе <a> находится <div>
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
26.12.2013, 16:46
Цитата Сообщение от заряжайка Посмотреть сообщение
однако, если смотреть здесь
То, пройдя по навигации на главную страницу http://www.w3.org/TR/html-markup/Overview.html, можно увидеть следующее:
This document has been discontinued and is only made available for historical purposes.
0
47 / 47 / 12
Регистрация: 25.11.2013
Сообщений: 117
26.12.2013, 17:52
хорошо, если вы дочитаете до самого конца про элемент <a>, то увидите там следующее предложение:
The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links).

грубо говоря, внутри позволяется размещать практически любые элементы, если они не относятся к интерактивному контенту
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
27.12.2013, 16:00
заряжайка, То, что Вы цитируете, находится в блоке с примером. Лично я бы не стал это воспринимать за абсолютную истину. В спецификации четко сказано, что одижается внутри <a> и где ожидается <section>. Есть даже диаграмма в виде кругов Эйлера: http://www.w3.org/TR/html51/do... of-content

Также следует помнить, что текущая версия спецификации не является релизом, и может содержать ошибки.
1
47 / 47 / 12
Регистрация: 25.11.2013
Сообщений: 117
27.12.2013, 16:21
хорошо, хорошо
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
27.12.2013, 21:14
Цитата Сообщение от Vovan-VE Посмотреть сообщение
что одижается внутри <a>
Vovan-VE, для полного счастья победы над заряжайка, буковки бы местами поменять.
Это ж надо, неделю вчетвером уговаривали товарища, что он неправ.
1
 Аватар для Vladislav WebDev
327 / 217 / 97
Регистрация: 04.11.2012
Сообщений: 638
27.12.2013, 22:48
В HTML5 внутри тега <a> вроде можно помещать все, что душе угодно... Не?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
27.12.2013, 22:48
Помогаю со студенческими работами здесь

Центровка текста внутри тега <div>
Доброго времени суток, форумчане! Решил открыть для себя что-то новенькое и освоить HTML верстку! Верстаю свой первый сайт с помощью дивов...

Внутри тега form div или table?
Как правильно верстать формы form с input-ами: использовать табличную верстку с тегами table, или лучше блочную с тегами div?

Нужно сделать, чтобы значение атрибута тега отображался внутри этого тега
Как сделать чтобы html-код &lt;div class=&quot;item&quot;&gt;text&lt;/div&gt; отображался примерно вот так: del Изображения и любые другие файлы...

тег div должен спускаться вниз с родным div, не получается, подскажите
есть два div-a, один родной а второй внутри его, мне нужно, чтобы при пополнений внутреннего div-a, родной div тоже спускался вместе с ним...

Тег <em> разве не требует закрывающего тега?
Читаю документацию. Вроде бы, закрывающий тег должен быть. А на практике работает и без него. Напрмер: &lt;em&gt;Plain text Будет...


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

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru