Add anchors to your section titles
It's really good UX practise to add anchors for your section titles. It helps users to link to a part of article. You can see a good example of this in README files on Github. Here's a sample.
Usualy we link <a>
tag to an element using id
attribute but this isn't supported by ASP websites. Instead of using id
, we can use name
attribute:
<a name="about" href="#about">About</a>
It's a link which points to itself. It's a section title so you also should wrap it in an h2
or h3
tag.
Optionaly we can add some style for anchor links:
[href^="#"] {
position: relative;
color: inherit;
}
[href^="#"]:hover {
color: #e14a42;
}
[href^="#"]:hover:before {
content: '#';
right: 100%;
position: absolute;
margin-right: .2em;
}
Check out demo page.
Original is on my blog.
Written by Kasper Mikiewicz
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#