HTMHell supports Black Lives Matter. ✊🏾 Code is always political.

Markup from hell

A collection of bad practices in HTML, copied from real websites.

  1. #6 link with void operator as href value

    submitted on by Sarah
    <a href="javascript:void(1)" onClick='window.location="index.html"'>Link</a>

    Details and tips on how to fix the diabolic code of #6.

  2. #5 button-like-link

    submitted on by Vadim
    <a href="#form" role="button" aria-haspopup="true"> &nbsp;&nbsp;Register&nbsp;&nbsp; </a>

    Details and tips on how to fix the diabolic code of #5.

  3. #4 link-also-button

    submitted on by Hidde
    <a href="https://example.com">
    <button>Example</button>
    </a>

    Details and tips on how to fix the diabolic code of #4.

  4. #3 image-buttons

    submitted on by Manuel
    <img src="/images/edit.gif" onclick="openEditDialog(123)">
    <img src="/images/delete.gif" onclick="openDeleteDialog(123)">

    Details and tips on how to fix the diabolic code of #3.

  5. #2 div with button role

    submitted on by Schepp
    <div tabindex="-1">
    <div role="button">
    <svg width="28" height="24"></svg>
    </div>
    </div>

    Details and tips on how to fix the diabolic code of #2.