SitePoint Sponsor |
|
User Tag List
Results 1 to 6 of 6
Thread: Coding a page of Weblinks
-
May 19, 2009, 10:12 #1
- Join Date
- Dec 2005
- Location
- Lulworth, Dorset, UK
- Posts
- 183
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Coding a page of Weblinks
I have a Joomla! site and the Weblinks page (a page listing external sites and a short description of that site) uses a table structure. I am not convinced this is the best way as all we need is say a heading (h2) and then a decsriptive para. The heading is the link to the external site.
Would anyone comment on the best accessible way to show these (i.e. is there an accepted way of doing this as I think tables are for data)?
-
May 19, 2009, 10:17 #2
- Join Date
- May 2006
- Location
- Aurora, Illinois
- Posts
- 15,476
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
It sounds like a definition list may be in order. The "defining" term could be the link, and then the "definition" could be the description. Well, it would be if you were using HTML 5.
With HTML 4.01 and XHTML 1.0, you'll be best off with an unordered list that contains a heading and a paragraph for the link and description.Save the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns
-
May 19, 2009, 12:34 #3
- Join Date
- Dec 2005
- Location
- Lulworth, Dorset, UK
- Posts
- 183
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
I did wonder about the list but where would the h2 go?
Are you suggesting ul, li <a> for each link and then <p> for the description?
Surely h2 <a> (or would it be <a> h2), p repeated each time is more realistic?
-
May 19, 2009, 12:45 #4
- Join Date
- May 2006
- Location
- Aurora, Illinois
- Posts
- 15,476
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
This.
HTML Code:<li> <h2><a href="#">Link text</a></h2> <p>Descriptive text.</p> </li>
Save the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns
-
May 19, 2009, 15:02 #5
- Join Date
- Jan 2004
- Location
- The Kingdom of Denmark
- Posts
- 2,702
- Mentioned
- 7 Post(s)
- Tagged
- 0 Thread(s)
Semantically, there is nothing wrong with using a definition list in HTML 4.01 either. The HTML 4.01 specification allows the use of definition lists for other purposes that just defining terms.
-
May 20, 2009, 08:54 #6
- Join Date
- Feb 2009
- Location
- England, UK
- Posts
- 8,111
- Mentioned
- 0 Post(s)
- Tagged
- 1 Thread(s)
I agree with the definition list syntax, It makes a lot more semantic sense.
Code HTML4Strict:<dl> <dt><a href="#">Link text</a></dt> <dd>Descriptive text.</dd> </dl>
Bookmarks