Hello Naveen,
Your second method was best. People as semantics mean reducing code and whatever is there should be readable and accessible properly by disabled people as well as others. Your second method where the image is set as a background in the link anchor style is best, due to less code. Regards, Harish Chouhan Dreams Media <http://www.dreamsmedia.in/> www.dreamsmedia.in | <http://www.dreamsonline.net/> www.dreamsonline.net | <http://www.webtions.com/> www.webtions.com Phone: +91-9833661410 | Fax: 91-22-66459490 Email: <mailto:[email protected]> [email protected] Address: B/501, Mansi Apt, Opp. Amber Plaza, Mira Road (East), Mumbai 401 107, Maharashtra, India. From: [email protected] [mailto:[email protected]] On Behalf Of Naveen Bhaskar - live Sent: 11 May 2010 5:14 PM To: [email protected] Subject: Re: [WSG] semantic 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: [email protected] Sent: Tuesday, May 11, 2010 4:40 PM To: [email protected] 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 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 <[email protected]> wrote: 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 [email protected] <[email protected]> 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 Bhaskar - live" <[email protected]> wrote: 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 structure . <span class="email"> <img src="spacer.gif" alt="'> <a href=mailto:[email protected]>some_email_id</a> </span> or just <a href=mailto:[email protected]>some_email_id</a> and attach the icon with css background property for the anchor tag? thanks a lot in advance. .naveen_bhaskar { email : [email protected]; yahoo : [email protected]; } ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] ******************************************************************* -- Shrikant Sharat KANDULA ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
<<attachment: image001.gif>>
