SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast antitoxic's Avatar
    Join Date
    Apr 2008
    Location
    London, UK
    Posts
    93
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Semantically correct coding of paging (1,2,3,4...)

    Well yes I just wonder how is the most correct way to code the paging of a gallery/news/posts...
    Is it :
    1. order list
    2. unordered list
    3. plain links in div section


    All the areas within sitepoint are opinion free, thank you for your cooperation [:

  2. #2
    SitePoint Wizard Blake Tallos's Avatar
    Join Date
    Jun 2008
    Location
    Cuyahoga Falls, Ohio.
    Posts
    1,510
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is a tricky question. I just like creating my List as plain links in a div. But others prefer different. It is always about what your "users" like. Not always what you like.Here is my Basic ( <ul><li></li></ul> ) List.
    Code HTML4Strict:
                <ul id="menu">
                    <li><a href="#">Menu Link</a></li>
                    <li><a href="#">Menu Link</a></li>
                    <li><a href="#">Menu Link</a></li>
                    <li><a href="#">Menu Link</a></li>
                    <li><a href="#">Menu Link</a></li>
                    <li><a href="#">Menu Link</a></li>
                </ul>

    Im just starting to get into rollovers. I love messing around with the different colors to make the rollover affect. It's fun. Start looking around on different news sites, blog sites, and see what kind of List they are using. And talk to some of your friends ask them which list looks better on your site.
    Blake Tallos - Software Engineer for Sanctuary
    Software Studio, Inc. C# - Fanatic!
    http://www.sancsoft.com/


  3. #3
    SitePoint Enthusiast antitoxic's Avatar
    Join Date
    Apr 2008
    Location
    London, UK
    Posts
    93
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No.
    [:
    Menu is definitely a list, not plain links, but concerning gallery with multiple pages you have to do paging (Page 1, Page 2, Page 3) .

    It is obviously ordered sequence but if css is disabled and this is in ordered list it will be:
    1. Page 1
    2. Page 2
    3. Page 3


    Or even worse:
    1. 1
    2. 2
    3. 3


    Unordered is unordered (yes I am truly wonderful child).

    Once again what is the poper coding for paging a gallery ?

  4. #4
    SitePoint Zealot c.t.c.'s Avatar
    Join Date
    Apr 2007
    Posts
    176
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Antitoxic:

    My thought process was the same as yours. A list of page numbers is clearly an ordered list, but the unstyled presentation could be confusing to someone using a text browser or screen reader. I think in this case an unordered list makes the most sense for practical reasons.

  5. #5
    SitePoint Wizard bronze trophy C. Ankerstjerne's Avatar
    Join Date
    Jan 2004
    Location
    The Kingdom of Denmark
    Posts
    2,702
    Mentioned
    7 Post(s)
    Tagged
    0 Thread(s)
    It depends on the situation. If you have an image gallery, then it is unlikely that the sequence of the images is important. Therefore, an unordered list would be appropriate. If, on the other hand, you are marking up the chapters of an article, then it is an ordered list, since it will rarely make sense to jump between the different chapters.
    Christian Ankerstjerne
    <p<strong<abbr/HTML/ 4 teh win</>
    <>In Soviet Russia, website codes you!

  6. #6
    SitePoint Enthusiast antitoxic's Avatar
    Join Date
    Apr 2008
    Location
    London, UK
    Posts
    93
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cheers for completing the logic.

    What about sorted search results.
    Yes SERP does not contain any information as Title (compared to chapters or making points ) which should be labeled as 1: Ads results, 2: top 10 results ....
    But seriosly is different from just random unordered list.

    Page 1 consists best matches while the next blend into the realm of errors [:

    I suppose this gets close to personal decision but any defined standard will be welcome.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •