Семантическая практика HTML: список навигации - PullRequest
0 голосов
/ 12 января 2011

Я только что понял, что скрытие текста - плохая попытка из темы Я только что сделал,

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

Но иногда мне нужно использовать изображения для списка ссылок навигации, например, приведенного ниже, поэтому я использую фоновое изображение css для тегов <a> и скрываю фактический текст в html, используя <span>,

<div id="header" class="align-center">
 <ul id="menu-header">
    <li id="menu-header-home"><a href="#" class="current-header"><span>Home</span></a></li>
    <li id="menu-header-portfolio"><a href="#"><span>Portfolio</span></a></li>
    <li id="menu-header-profile"><a href="#"><span>Profile</span></a></li>
    <li id="menu-header-newsletter"><a href="#"><span>Newsletter</span></a></li>
    <li id="menu-header-blog"><a href="#"><span>Blog</span></a></li>
    <li id="menu-header-shop"><a href="#"><span>Shop</span></a></li>
</ul>        
</div>

действительно ли это отсутствие семантики и «оно сочтет это обманчивым кодированием». как я использовал много скрывающего текста из-за замены текста изображениями?

что мне делать вместо этого, если мне нужно использовать изображение для кнопки и изображения для списка ссылок навигации?

спасибо.

1 Ответ

0 голосов
/ 13 января 2011

Скрытие текста также означает, что некоторые программы чтения с экрана его пропустят.

Лучшим способом сделать это было бы использование отступа для текста, чтобы расположить текст вне экрана, абсолютное позиционирование на промежутках, чтобы расположить их вне экрана, или просто сделать их видимыми: скрытый.

...