[WSG] Semantic Mark-Up for Product Catalog
Hi, Creating a product catalog/blog for client. It will serve as a site for posting used construction equipment. In the following name/value listing what would be the most semantic mark-up. Product Name: Product Number: Product Description: Product Cost: CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic Mark-Up for Product Catalog
On Fri, 17 Dec 2004 11:46:20 -0500, Michael Wilson [EMAIL PROTECTED] wrote: Chris Kennon wrote: In the following name/value listing what would be the most semantic mark-up. Product Name: Product Number: Product Description: Product Cost: I'd probably use a definition list: dl dtMy Product/dt ddProduct Number: 123456/dd dd pProduct Description:/p pThis is my product... Ain't it perty?/p /dd ddMSRP: $1 Bazillion (will trade for 4x4 in good condition)/dd /dl How about a table? They're not always evil... table summary=pretty bazillion product captionMy Product/caption tbody trthProduct Number/thtd12334/td/tr trthProduct Description/thtdpretty/td/tr trthProduct Cost/thtdbazillion/td/tr /tbody /table ..and Lynx WILL render that table! :D -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic Mark-Up for Product Catalog
Hi, Both are viable solutions, would the dl be more scalable for floating an image with caption beside it. With the table you mentioned Lynx support, does Lynx choke on dl? C On Friday, December 17, 2004, at 09:09 AM, Kornel Lesinski wrote: On Fri, 17 Dec 2004 11:46:20 -0500, Michael Wilson [EMAIL PROTECTED] wrote: Chris Kennon wrote: In the following name/value listing what would be the most semantic mark-up. Product Name: Product Number: Product Description: Product Cost: I'd probably use a definition list: dl dtMy Product/dt ddProduct Number: 123456/dd dd pProduct Description:/p pThis is my product... Ain't it perty?/p /dd ddMSRP: $1 Bazillion (will trade for 4x4 in good condition)/dd /dl How about a table? They're not always evil... table summary=pretty bazillion product captionMy Product/caption tbody trthProduct Number/thtd12334/td/tr trthProduct Description/thtdpretty/td/tr trthProduct Cost/thtdbazillion/td/tr /tbody /table ..and Lynx WILL render that table! :D -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic Mark-Up for Product Catalog
Yes both are viable. I would use the dl when I was expecting to have a few per page type layout that would be more like a brochure layout. I would use the table when what I wanted was - you guessed it - a table layout. My own personal guideline for table VS anything else is simply asking myself the question Is this a table?. If the answer is Yes then I use a table. Otherwise I use an appropriate tag. In the case of a set of products (or similar, Contacts, Events, News, in fact mostly any single entity that you may have a collection of with a name) I regularly use dl because you can say all of those have a This generic term (e.g. Product Name) equates to this specific instance (e.g. CSS Stylesheet Editor) relationship. That is - this equals that. (Which is basically what a definition list is semantically). But I would use it differently to the original suggestion... dl id=cssed1 dtPhoto:/dt ddimg src=csseditor.gif/dd dtName:/dl ddCSS Stylesheet Editor/dd dtDescription:/dt ddGreat editor for CSS stylesheets/dd dtPrice:/dl ddFor you... $10/dd /dl That markup has many possibilities (including being able to style each product individually if you want) I have also used the exact same markup to provide different views of the information depending on the context of the surrounding container tag (e.g. a main page body versus a side bar). Regards Gary On Fri, 17 Dec 2004 09:19:22 -0800, Chris Kennon [EMAIL PROTECTED] wrote: Both are viable solutions, would the dl be more scalable for floating an image with caption beside it. With the table you mentioned Lynx support, does Lynx choke on dl? ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Semantic Mark-Up for Product Catalog
And please, please, if using a table remember to include row and column scope. On a table as small as this it is not really essential, but once the table grows (or if served from a database where it could be any size) good column and row headings with scope attributes are essential. table summary=pretty bazillion product captionMy Product/caption tbody tr th scope=rowsProduct Number/th td12334/td /tr tr th scope=rowsProduct Description/th tdpretty/td /tr tr th scope=rowsProduct Cost/th tdbazillion/td /tr /tbody /table Graham Cook -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kornel Lesinski Sent: Saturday, 18 December 2004 4:09 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Semantic Mark-Up for Product Catalog On Fri, 17 Dec 2004 11:46:20 -0500, Michael Wilson [EMAIL PROTECTED] wrote: Chris Kennon wrote: In the following name/value listing what would be the most semantic mark-up. Product Name: Product Number: Product Description: Product Cost: I'd probably use a definition list: dl dtMy Product/dt ddProduct Number: 123456/dd dd pProduct Description:/p pThis is my product... Ain't it perty?/p /dd ddMSRP: $1 Bazillion (will trade for 4x4 in good condition)/dd /dl How about a table? They're not always evil... table summary=pretty bazillion product captionMy Product/caption tbody trthProduct Number/thtd12334/td/tr trthProduct Description/thtdpretty/td/tr trthProduct Cost/thtdbazillion/td/tr /tbody /table ..and Lynx WILL render that table! :D -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic Mark-Up for Product Catalog
Hi, Any browser idiosyncrasy with dl? I'm hoping none exist with tables. CK PS Thanks for the many viable solutions On Friday, December 17, 2004, at 01:49 PM, Graham wrote: And please, please, if using a table remember to include row and column scope. On a table as small as this it is not really essential, but once the table grows (or if served from a database where it could be any size) good column and row headings with scope attributes are essential. table summary=pretty bazillion product captionMy Product/caption tbody tr th scope=rowsProduct Number/th td12334/td /tr tr th scope=rowsProduct Description/th tdpretty/td /tr tr th scope=rowsProduct Cost/th tdbazillion/td /tr /tbody /table Graham Cook -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kornel Lesinski Sent: Saturday, 18 December 2004 4:09 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Semantic Mark-Up for Product Catalog On Fri, 17 Dec 2004 11:46:20 -0500, Michael Wilson [EMAIL PROTECTED] wrote: Chris Kennon wrote: In the following name/value listing what would be the most semantic mark-up. Product Name: Product Number: Product Description: Product Cost: I'd probably use a definition list: dl dtMy Product/dt ddProduct Number: 123456/dd dd pProduct Description:/p pThis is my product... Ain't it perty?/p /dd ddMSRP: $1 Bazillion (will trade for 4x4 in good condition)/dd /dl How about a table? They're not always evil... table summary=pretty bazillion product captionMy Product/caption tbody trthProduct Number/thtd12334/td/tr trthProduct Description/thtdpretty/td/tr trthProduct Cost/thtdbazillion/td/tr /tbody /table ..and Lynx WILL render that table! :D -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic Mark-Up for Product Catalog
And please, please, if using a table remember to include row and column scope. What is the default scope? -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
