Hi,
what is the correct semantic structure for putting an icon in the website. when
I checked youtube , I see the icons loaded with css to a spacer which is 1x1
size. Is that a good approach?
I want to show an email id with an email icon with that. can anyone suggest me
the right semantic
I would recommend option 2, for two main reasons:
1) An icon is more of a decoration. It does serve a function purpose,
but without that icon that original context is still intact.
2) It's cleaner code. =p
Just my two cents. However, I can see the argument for putting it
directly in an image,
Easy answer- use a background image.
Less easy answer - is the image content or just a visual
representation of existing content?
I would say the link is the real content and you are adding to that
visually with an icon image.
Steve
Sent from my iPhone
On 11 May 2010, at 10:48, Naveen
I think some people (like me) might click on the icon as opposed to the link
text itself. This might not work if the background image technique is used,
but I am not sure about this.
This point too, boils down to what your icon signifies in the link's
context.
2010/5/11 st...@stevegibbings.co.uk
Shrikant,
Under all circumstances you ought to use a background image. There will be
no issues with clicking the icon, as it will be part of the link still and
it will be clickable.
The reasons for using a background image:
- More semantic in context (as other pointed out)
- Easier to
to the spacer with background property. I know its some extra code to do
this.. but any idea what is the reason behind that?
naveen
From: Jason Grant
Sent: Tuesday, May 11, 2010 4:03 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] semantic structure for icon and text
Shrikant,
Under
this.. but any idea what is the reason behind that?
naveen
*From:* Jason Grant ja...@flexewebs.com
*Sent:* Tuesday, May 11, 2010 4:03 PM
*To:* wsg@webstandardsgroup.org
*Subject:* Re: [WSG] semantic structure for icon and text
Shrikant,
Under all circumstances you ought to use a background image
There are ways to make the icon clickable as part of the link when
it's a background.
Are you asking what is semantic or how to do things in css? It seems
the latter to me. The how you do it is secondary to the semantics.
Sent from my iPhone
On 11 May 2010, at 11:22, Shrikant Sharat
ha ha ha
From: Jason Grant
Sent: Tuesday, May 11, 2010 4:32 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] semantic structure for icon and text
Naveen,
It's because the YouTube guys have no clue about semantics.
Sometimes answers are very simple. ;-)
Cheers,
Jason
On Tue
I know how to do it.. there are various methods.. MY question was whether that
approach is the best or not...
From: st...@stevegibbings.co.uk
Sent: Tuesday, May 11, 2010 4:40 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] semantic structure for icon and text
There are ways to make
or not... [image: Smile emoticon]
*From:* st...@stevegibbings.co.uk
*Sent:* Tuesday, May 11, 2010 4:40 PM
*To:* wsg@webstandardsgroup.org
*Subject:* Re: [WSG] semantic structure for icon and text
There are ways to make the icon clickable as part of the link when it's a
background.
Are you
structure for icon and text
I know how to do it.. there are various methods.. MY question was whether
that approach is the best or not... Smile emoticon
From: st...@stevegibbings.co.uk
Sent: Tuesday, May 11, 2010 4:40 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] semantic
12 matches
Mail list logo