Jump to navigation

Fragment Identifiers - iameven.com

- Even Alander

Hyper text has this awesome feature which only a handful of pages seems to implement.

Fragment Identifiers

Not only is it possible to link to a website, but you can also link to a section on a page. If just developers would leave some id attributes for you to select. That is what Wikipedia does in the "Contents" box on almost every page, just look: https://en.wikipedia.org/wiki/Fragment_identifier#Basics

But on a random blog, documentation page (some do), or basically any given random website you're likely to not have that ability. Why is that? I think developer blogs are partially to blame for exactly this, by spreading the rumor that id attributes are bad for your CSS. Then some tool has added that as a rule and suddenly you have a lot of web developers thinking IDs are dangerous to use. And even though that is a good rule for selectors it sort of leaves out when it is OK to use IDs.

On this site I have chosen to expose a link when you hover over the titles, but I'm not expecting everyone to do that. I just want the ability to look at the source and add the ID to the URI when I want to point someone to a specific part of a page. I also expect the id to be URI safe. I don't really think I'm asking too much here. On this site I use a script to add URI safe ID attributes to every header so this is possible to do without having to think about it.

  1. iameven.com
  2. : Guitar
  3. : Fragment Identifiers
  4. : Valid HTML
  5. : 2017
  6. : Nostalgia driven web design
  7. : Lynx
  8. : The ssstraight story
  9. : Tetris
  10. : Snake
  11. : Post install
  12. : Re-building this website
  13. : Post stats 2014
  14. : Optimizing for git
  15. : Digging through old files
  16. : Arduino Uno
  17. : Building this website
  18. : Getting myself a logo
  19. : Warm Echo
  20. : Recent events
  21. : WTF, Spotify?
  22. : Numusic and Nuart
  23. : U don't simply uplay
  24. : Playing with time lapse
  25. : WZ
  26. : Fine Day
  27. : Restoring iameven
  28. : Ableton push
  29. : Ghost - Light weight Wordpress
  30. : Everything on the net should be dated
  31. : Euro Offshore container
  32. : Niels Juels street
  33. : Kverneland Næringspark
  34. : Hiking
  35. : Fume Tests
  36. : More Lexi pictures, in Sandveparken
  37. : Trustbuddy
  38. : Lexi visiting the beach
  39. : A Bit Weird
  40. : Weekend trip to Sirdal
  41. : Old sketches
  42. : HÃ¥vard's post stats
  43. : Rant about airports
  44. : The Good Old Days
  45. : Beetle
  46. : 206
  47. : Phone sketches
  48. : Noroff 3DDA
  49. : Panorama pictures, Sola and Stavanger
Logo