Введение в статью Wulin.com (www.vevb.com): веб -стандарты полны пощечины, и это правило истекло! Через месяц после публикации статьи HTML5Doctor опубликовали ссылки «на уровне блоков» в HTML5. Процитировать, это было то, что вы изначально хотели написать.
Он называется ссылками на уровне блоков на английском языке. Я думал, что только птичьи перья на моей фабрике не знали, но я не ожидал, что было довольно много людей, которые не знали и должны были быть популярны.
К сожалению, веб -стандарты полны пощечины, и это правило истек! Через месяц после публикации статьи HTML5Doctor опубликовал ссылки на уровне блоков в HTML5. Позвольте мне процитировать это, это было изначально написано так:
<div class = story>
<h3> <a href = story1.html> Брюс Лоусон проголосовал за самого сексуального человека на земле </a> </h3>
<p> <a href = story1.html> <img src = bruce.jpg alt = полная история. /> Конгресс, представляющий всех женщин планеты, единогласно проголосовал за Брюса Лоусона как самого сексуального мужчины. </a> </p>
<p> <a href = story1.html> Подробнее </a> </p>
</div>
Теперь это то, что вы можете написать в HTML5
<статья>
<a href = story1.html>
<h3> Брюс Лоусон проголосовал за самых сексуальных мужчин на земле </h3>
<p> <img src = bruce.jpg alt = великолепный LoveBundle. > Конгресс, представляющий всех женщин планеты, единогласно проголосовал за Брюса Лоусона как самого сексуального мужчину в живых. </P>
<p> Читать больше </p>
</a>
</article>
С точки зрения доступности, добавляется только текст описания ALT изображения (предоставляя более подробную информацию для читателей экрана), не создавая искусственного создания множества избыточных A! Одной из идей HTML5 является прагматизм, и в сегодняшних терминах он приземленный, мм ~
Хотя этот метод написания не совместим, тестирование HTML5 Doctor показывает, что основные браузеры поддерживают его, то есть: есть:
Вы и ваши друзья теперь можете использовать его в проекте!
Чтобы быть совместимым с ошибками ручного типа IE6/7, вам необходимо добавить код, такой как этот в Reset.css:
1 Div, a H3, AP, ... {#cursor: hand}