/ / Може ли да се постави <div> в <a> [дубликат] - html, css

Добре ли е да поставите <div> в <a> [duplicate] - html, css

Възможно дублиране:
Дали поставянето на div вътре в котвата е правилно?

Искам да имам връзка на сложен елемент (съдържащи изображения, параграфи и други неща). Знам, че работи, но е добре да имаш <div> елемент вътре <a> елемент?

Отговори:

1 за отговор № 1

В XHTML1.0 и HTML4.01: не. a е вграден елемент, който може да съдържа само други вградени елементи (но не и друг.) a).

В HTML5: да, можете да го направите. НО разгледайте защо бихте имали стотици знаци в дадена връзка.
Това е лошо за SEO (разводняване вярвам) и лошо за много потребители с увреждания ("Ей, четене на екрани, кажи ми какво прави тази връзка?" - „Нека ви прочета на глас тази връзка за половин минута“) и може би лошо за използваемостта.

Друго решение би било да се постави връзка на думатаВашето заглавие във вашия div или някакъв смислен текст. Тогава в JS направете вашия div поведение като това, което искате да направите първоначално. Тогава ще работим за потребители, използващи солидна технология (екранни четци и т.н.), за потребители на клавиатурата (те могат да преминават през връзката) И за потребители с наблюдавана мишка с JS.


6 за отговор № 2

Да и не.

Няма пълна HTML или XHTML препоръка.

Проектът HTML 5 го позволява, но може да се наложи да правите неща като изрично задаване display: block на котвата, за да го накара да работи в някои браузъри. Може да откриете, че други просто не го поддържат (бих искал да мога да се свържа с препратка, която показва поддръжката на браузъра за това, но не знам за един, моля, коментирайте, ако го направите.)

Това каза, докато има хубаво големи кликвания може дае полезен, не е подход, който е приятелски настроен към режима за прелистване на връзките, който имат някои браузъри (особено на екранните четци). кликнете върху целия елемент.


0 за отговор № 3

Не, освен ако не ви е грижа за IE7 и надолу. Връзката няма да функционира правилно в IE7, дори ако е настроена за показване: блок.


Свързани въпроси


Коментари (0)

Добави коментар