Web Design: Problem of Header Linking to Table of Contents

By Xah Lee. Date: . Last updated: .

one of the idiocy of web design is to have a Header such as h1 that links back Table Of Contents.

sicp chapter 1 r3wc4
Web design problem, header links back to table of contents. [source https://mitpress.mit.edu/sites/default/files/sicp/full-text/book/book-Z-H-9.html ] [see Wizard Book: Structure and Interpretation of Computer Programs]

Such design is widespread in 1990s and early 2000s. You can still see it today, in the geek's sites. For example, most of FSF GNU's doc in HTML are still like that, as well lots Tex/LaTEX converted docs.

sometimes the link goes to top of the page, sometimes to a section of the same page, sometimes back to table of contents in another page.

the problem is that, when you see the header as a link, you don't know where it would take you.

a proper design, is for links to always point to content detail. Unless the link specifically say “back to table of contents” or “back to top”, etc.

Web Design

  1. Typography Sucks
  2. Font Size problem
  3. Serif or Sans-Serif?
  4. Grey Text on White Background
  5. Dark Theme Web Design
  6. Peepshow Windows
  7. GUI vs Command Line: a Unified Design
  8. Skeleton Screen
  9. Fixed-Layout vs Flowed-Layout
  10. How JavaScript Breaks UI, Evolution of UI
  11. Should Hyperlinks Have Underline?
  12. Survey of Tab Style 2006
  13. Problem of Header Linking to Table of Contents
  14. Understand Atomic CSS in 1 Minute
  15. CSS: What's a CSS Pixel? What's Reference Pixel?
  16. Web Design, Minimal Window Width
  17. User Interface Design: Internet Explorer 9's Dysfunctional Colorful Tabs
  18. Phone and Tablet Screen Density Comparison

If you have a question, put $5 at patreon and message me.