XHTML Строгая альтернатива размещению элементов блока внутри якоря - PullRequest
Новая
       35

XHTML Строгая альтернатива размещению элементов блока внутри якоря

0 голосов
/ 11 ноября 2011

Я пытаюсь сделать пару DIV кликабельными полностью.Я попробовал это ... 

<div id="features" class="threeSplit">
    <div id="box1">
        <a href="javascript:;">
            <h3>Watch TV anywhere</h3>
            <p>While you're out of town, you can still watch live television.</p>
        </a>
    </div>
    <div id="box2">
        <a href="install">
            <h3>No subscription</h3>
            <p>Save your money. VRT and RTBF channels are available at no cost.</p>
        </a>
    </div>
    <div id="box3">
        <a href="coverage">
            <h3>Picking up channels</h3>
            <p>Television channels can be picked up from antennas near you.</p>
        </a>
    </div>
</div>

Нажмите здесь для live версии.Теперь XHTML 1.0 Strict не нравится, что я помещаю блочные элементы внутри тега привязки.Есть ли лучший способ, который соответствует XHTML Strict?Я знаю, что страница все еще содержит много ошибок проверки, но это всего лишь быстрый и грязный макет.

Ответы [ 2 ]

3 голосов
/ 11 ноября 2011

Вы можете использовать событие onclick в элементах div ... 

<div id="box2" onclick='window.location = "install"'>
    <h3>No subscription</h3>
    <p>Save your money. VRT and RTBF channels are available at no cost.</p>
</div>
0 голосов
/ 11 ноября 2011

Вы можете либо

  • Поместить теги span внутри тегов a вместо h3 и p и соответственно стилизовать их
  • Использовать JavaScriptчтобы поймать щелчок и перейти по ссылке, избавившись от тега a

Последний вариант, я бы сказал, более элегантный.

...