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

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

20.12.2013, 23:43. Показов 27151. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru