Правильное форматирование ссылки HTML - можно ли два равна внутри одного тега <a>? [Дубликат] -- html поле с участием css пол Связанный проблема

Proper HTML link formatting - can two divs be inside of one <a> tag? [duplicate]


1
vote

проблема

русский
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»>
Этот вопрос уже есть ответы здесь :
выкладывает ложь внутри якоря когда-либо исправить? (14 ответов)
Закрыто 6 лет назад .

Создание веб-сайта, который использует divs с <код> background-image: (в основном на картинке) с div вложенный в том, что отобразится текст по картинке.

Текст и рисунок Divs являются оба ссылками, которые будут переходить на одно и то же место. Я хочу, чтобы мои пользователи могли бы нажать в любом месте текста или изображения, чтобы перейти со страницы.

вместо того, чтобы использовать использование двух тегов, которые будут ссылаться на то же самое в той же строке кода, я заметил, что могу поставить два равна, как изображение, так и текст, внутри того же тега и Chrome позволяет .. Но я не знаю, как поддержка на таком видах в других браузерах.

Вот пример того, что я делаю:

 <код> <a href="https://theartofmikeyjoyce.com/">   <div class="cell E4">    <div class="text">MIKEY<br/>        <p>IN THE CLUB II</p>DIGITAL COLLAGE    </div>   </div> </a>   

Это канон?

Английский оригинал

making a website that utilizes divs with a background-image:(so basically a picture) with a div nested in that that will display text over the picture.

The text and picture divs are both links that would go to the same place. I want my users to be able to click anywhere on the text or picture to navigate away from the page.

Instead of using using two tags that will link to the same thing in the same line of code, I noticed that I can put two divs, both the picture and the text, inside of the same tag and Chrome allows it.. but I don't know how support is on this kind of thing in other browsers.

Here's an example of what I'm doing:

<a href="https://theartofmikeyjoyce.com/">   <div class="cell E4">    <div class="text">MIKEY<br/>        <p>IN THE CLUB II</p>DIGITAL COLLAGE    </div>   </div> </a> 

Is this canon?

</div
     

Список ответов

3
 
vote
vote
Лучший ответ
 

HTML 4.01 Указывает, что элементы могут содержать только встроенные элементы. <Код> padding6 - это блок-элемент, поэтому он может не появляться внутри <код> padding7 .

HTML 5 утверждает, что padding8 Element "может быть обернут в целые абзацы, списки, таблицы и т. Д., даже целые разделы, до тех пор, пока нет интерактивного контента (например, кнопки или Другие ссылки) ".

Источник: Положить Div внутри якорь когда-либо исправить?

 

HTML 4.01 specifies that elements may only contain inline elements. A <div> is a block element, so it may not appear inside an <a>.

HTML 5 states that 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)".

Source: Is putting a div inside an anchor ever correct?

</div
 
 
 
 

Связанный проблема

0  JQuery Mobile Link от PHP до HTML не работает, но URL делает изменения  ( Jquery mobile link from php to html not working but url does change ) 
Хорошо, так что когда я вошел в систему в свое приложение (index.html), я принимаю в login.php, отсюда я хочу меню для пользователя, но ни одна из моих ссылок...

0  Jquery value изменить жить  ( Jquery value change live ) 
Пожалуйста, обратитесь к этому HTML. <код> <input type="text" name="amount1" value="10" /> <input type="text" name="amount2" value="5" /> <input type="text"...

1  Как я могу сделать пользовательский сортировку на следующем HTML-таблице, заставляя некоторые ряды всегда кажутся под другими?  ( How can i do a custom sort on the following html table forcing some rows to alw ) 
У меня есть следующие данные для списка задач: У меня есть <код> HTML Таблица, отображаемая эти данные, в настоящее время отсортировано по имени задачи ...

1  Переполнение: Авто не работает в Firefox 16  ( Overflowauto not working in firefox 16 ) 
Я знаю, что есть много поста о проблемах переполнения в FF (большинство для старой версии) или в другом месте, но я не могу найти что-то, связанное с моим при...

1  Если для JavaScript в XSLT не работает [дубликат]  ( If greater than javascript into xslt doesnt work ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

1  Как проверить отметку Check Column в сетке?  ( How to check mark a check column in a grid ) 
У меня есть флажок Check Column на сетке, которая мне нужна для программически проверки. Вот как сценарий Check Column: <код> columns: { items:[ ...

0  Скачать изображение из результатов API  ( Download image from api results ) 
Я создаю приложение, которое использует онлайн API для рерантива изображений на основе ключевого слова для поиска. Я запускаю петлю Foreach для рендеринга 12 ...

0  Как я могу отобразить вывод каждого цикла на петле «для»?  ( How can i display the output of each loop on a for loop ) 
Я общий новичок, и я работаю над «простыми числами» рисованием / анимацией с помощью HTML5 Canvas и JS. Мне трудно с помощью петли «Для», потому что браузер о...

2  Наличие JSF выпивать поля поиска HTML. Doable?  ( Having jsf spit out an html search field doable ) 
Я не разработчик Java, но работаю с командой, которая использует JSF 1.2 Мы хотели бы начать использовать теги HTML 5 и атрибуты. Не отображается, что JSF 1...

2  Совет инструмента не работает на текстовой зоне Bootstrap  ( Tool tip not working on text area bootstrap ) 
У меня есть форма Bootstrap 3, на которой я применяю Tootip через скрипт. Toottip работает нормально на поле ввода, но не работает над Textarea. <код> <div ...

0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено?  ( How do you make a div go under another div nav menu which is not fixed ) 
Я пытаюсь сделать Div, идут под очередной div, в котором ни один не фиксирован элементы. Вот мой код: <Код> ul { list-style-type: none; margin: ...

9  Могу ли я установить два фоновых изображения на одном элементе с CSS?  ( Can i set two background images on the same element with css ) 
Образец HTML-кода: <код> belongs_to :y3 Пример файла CSS: <код> belongs_to :y4 Кажется, что часть «B» игнорируется. Есть ли способ Inlclude как из...

0  Возможное решение этой проблемы проектирования?  ( The possible solution to this design issue ) 
Мне нужно знать, как исправить эту проблему в конструкциях форм .. Получение этого в Firefox И это в IE ... Цвет не является проблемой .. Juz Нужно вы...

15  CSS округлые углы  ( Css rounded corners ) 
Я видел много кодов для этого, но кажется, что он не работает очень хорошо или вообще. Я использовал картинки для округлых углов, но мне нужен код, так что он...

3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS)  ( Is there any way to distinguish touch vs mouse interactions in windows 8 html ) 
Я в настоящее время строю приложение, которое имеет много внимания на панорамирование, которое выглядит и чувствует себя красиво, когда касается и манипулируе...

Связанный проблема

0  JQuery Mobile Link от PHP до HTML не работает, но URL делает изменения 
0  Jquery value изменить жить 
1  Как я могу сделать пользовательский сортировку на следующем HTML-таблице, заставляя некоторые ряды всегда кажутся под другими? 
1  Переполнение: Авто не работает в Firefox 16 
1  Если для JavaScript в XSLT не работает [дубликат] 
1  Как проверить отметку Check Column в сетке? 
0  Скачать изображение из результатов API 
0  Как я могу отобразить вывод каждого цикла на петле «для»? 
2  Наличие JSF выпивать поля поиска HTML. Doable? 
2  Совет инструмента не работает на текстовой зоне Bootstrap 
0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено? 
9  Могу ли я установить два фоновых изображения на одном элементе с CSS? 
0  Возможное решение этой проблемы проектирования? 
15  CSS округлые углы 
3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS)