Markup from hell

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

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

  2. #5 button-like-link

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

  3. #4 link-also-button

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

  4. #3 image-buttons

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

  5. #2 div with button role

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