{"id":60,"date":"2004-10-19T03:08:58","date_gmt":"2004-10-19T01:08:58","guid":{"rendered":"http:\/\/www.maratz.com\/blog\/archives\/2004\/10\/19\/on-usable-links\/"},"modified":"2004-12-21T00:54:05","modified_gmt":"2004-12-20T22:54:05","slug":"on-usable-links","status":"publish","type":"post","link":"https:\/\/www.maratz.com\/blog\/archives\/2004\/10\/19\/on-usable-links\/","title":{"rendered":"On Usable Links"},"content":{"rendered":"<p>Large headers force us to scroll down a bit to the main content. \u201cSkip to content\u201d is quite useful, but why not skipping the \u201cskip to content\u201d also and save one more click?<!--more--> I\u2019ve recently finished <a href=\"http:\/\/themostbeautifuluglydogs.com\/\">my pets\u2019 web site<\/a> and once again (i set this at <a href=\"http:\/\/hr-netiquette.org\">hr-netiquette.org<\/a> before) set my inner site links to point to the speciffic part of the web page\u2013the navigation division.<\/p>\n<p>If you follow links to the web sites mentioned above, you\u2019ll notice that when you click a link to another page within the same web site, the page does not appear from the top of the document. Instead, you see everything <strong>below<\/strong> the header\u2013navigation bar and the main content.<\/p>\n<p>This is easily done if your markup is well structured. I practice assigning an IDs to different important elements of the document and instead of pointing my links to <code>example.html<\/code>, with IDs placed, i point them to <code>example.html#navbar<\/code>. And that\u2019s all.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Large headers force us to scroll down a bit to the main content. \u201cSkip to content\u201d is quite useful, but why not skipping the \u201cskip to content\u201d also and save one more click?<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-60","post","type-post","status-publish","format-standard","hentry","category-codingdesign"],"_links":{"self":[{"href":"https:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":0,"href":"https:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/60\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/categories?post=60"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/tags?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}