Ссылка + изображение

[Den_Mak]

Какой способов из этих лучше всего:

1)

<a href="#" id="a"></a>

#a{
background-image: background-image.png;
}

Или

2)

<a href="#"><img src="image.png alt=""></a>

Какой из них лучше и почему?

CSS не правильно написал, но суть ясна.

 

[motek]

Ден, научись уже вопросы задавать! нет лучше - хуже, есть задача, которую нужно решить
если ссылка оформлена в виде кнопки, то первый способ - картинка фоном, можно менять положение, размер,цвет...
а если картинка-логотип, то второй (картинка проиндексируется)....

 

[Den_Mak]

Ден, научись уже вопросы задавать! нет лучше - хуже, есть задача, которую нужно решить
если ссылка оформлена в виде кнопки, то первый способ - картинка фоном, можно менять положение, размер,цвет...
а если картинка-логотип, то второй (картинка проиндексируется)....

Спасибо.

Есть ещё вопросик, как будет правильнее:

1)

<a href="#"><strong>blablabla</strong></a>

2)

<strong><a href="#">blablabla</a></strong>

3)

<a href="#">blablabla</a>

a{
   font-wight: bolder;
}

Как правильнее?

 

[AngelGabriel]

1 - 2 разницы нет но есть такие случаи

<strong>Hello <a href="#">crazy</a> web!</strong>

или такие

<a href="#">
  <section>
   <h1>The Mellblom Browser</h1>
   <p>Web browsing at the speed of light.</p>
   <p>No other browser goes faster!</p>
  </section>
</a>

 

[Volter9]

1 - 2 разницы нет но есть такие случаи

<strong>Hello <a href="#">crazy</a> web!</strong>

или такие

<a href="#">
<section>
<h1>The Mellblom Browser</h1>
<p>Web browsing at the speed of light.</p>
<p>No other browser goes faster!</p>
</section>
</a>

Тигра говорит, что лучше использовать CSS, чем тратить время на HTML: < b > и < strong > (Или BaNru, не помню точно)

P.S.: Александр, у тебя 512 сообщение :happy:

 

[CamaroSS]

<b> банально меньше места занимает, если надо только одно слово выделить, чем какой-нибудь <span class="bold-text">

 

[Volter9]

<b> банально меньше места занимает, если надо только одно слово выделить, чем какой-нибудь <span class="bold-text">

Я с вами определенно согласен, да и со спаном получается "span мания", если много надо выделить жирным шрифтом.

 

[aspirin]

<img> нужно использовать, когда картинка имеет логический смысл на страничке (лого, картинка продукта, фотка т.д.). А CSS был придуман для оформления, так давайте его так и использовать)
А по поводу <b>, лучше использовать font-weight: bold. Вы еще про <center> спросите, засумоньте Тигру. <strong> несет еще SEO информацию о страничке (ключевые фразы/слова).

 

[Volter9]

<img> нужно использовать, когда картинка имеет логический смысл на страничке (лого, картинка продукта, фотка т.д.). А CSS был придуман для оформления, так давайте его так и использовать)
А по поводу <b>, лучше использовать font-weight: bold. Вы еще про <center> спросите, засумоньте Тигру. <strong> несет еще SEO информацию о страничке (ключевые фразы/слова).

[member=aspirin], никогда такого не знал, спасибо

Да и вообще я лох в СЕО и в Рекламе.

P.S.: http://coolinfoo.ru/rejting-samyx-vazhnyx-html-tegov-v-seo

 

[tigra60]

Если такая ссылка одна (ну, две), то первый вариант.
А если много, то третий.
Второй вариант семантически весьма сомнителен, хотя формально, правила не нарушены (есть буква закона, а есть дух закона).

CamaroSS и Aspirin! А вам советую почитать про элементы <b> и <strong> (гуглить самостоятельно). Кстати, мы обсуждали это на одной из конференций.

 

[AngelGabriel]

А по поводу <b>, лучше использовать font-weight: bold. Вы еще про <center> спросите

причем тут центр он никогда не входил в спецификацию при том как b был и есть.

 

[BaNru]

причем тут центр он никогда не входил в спецификацию

W3 негодуют
http://www.w3.org/wiki/HTML/Elements/center

 

[AngelGabriel]

The <center> element was introduced in HTML 3.2

Извиняюсь, я в это вермя еще пешком под стол ходил.