HTML style guide
Buttons
Button type
Button tags requires a type
attribute according to the W3C HTML specification.
// bad
<button></button>
// good
<button type="button"></button>
Button role
If an HTML element has an onClick
handler but is not a button, it should have role="button"
. This is more accessible.
// bad
<div onClick="doSomething"></div>
// good
<div role="button" onClick="doSomething"></div>
Links
Blank target
Use rel="noopener noreferrer"
whenever your links open in a new window, i.e. target="_blank"
. This prevents a security vulnerability documented by JitBit.
// bad
<a href="url" target="_blank"></a>
// good
<a href="url" target="_blank" rel="noopener noreferrer"></a>
Fake links
Do not use fake links. Use a button tag if a link only invokes JavaScript click event handlers, which is more semantic.
// bad
<a class="js-do-something" href="#"></a>
// good
<button class="js-do-something" type="button"></button>
Help and feedback
If there's something you don't like about this feature
To propose functionality that GitLab does not yet offer
To further help GitLab in shaping new features
If you didn't find what you were looking for
If you want help with something very specific to your use case, and can use some community support
POST ON GITLAB FORUM
If you have problems setting up or using this feature (depending on your GitLab subscription)
REQUEST SUPPORT
To view all GitLab tiers and features or to upgrade
If you want to try all features available in GitLab.com
If you want to try all features available in GitLab self-managed
If you spot an error or a need for improvement and would like to fix it yourself in a merge request
EDIT THIS PAGE
If you would like to suggest an improvement to this doc