Markup from hell

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

1. #35 a perfectly structured button

   submitted onSep 11, 2025 byAnne Drotleff
   skip code sample

   <buttontype="button"onclick="window.open('https://example.com/other-page')">
   <table>
   <tbody>
   <tr>
   <td>
   <iclass="fa fa-arrow-left"aria-hidden="true"></i>
   </td>
   <tdalign="left">Back</td>
   </tr>
   </tbody>
   </table>
   </button>

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

2. #34 a button is not a link

   submitted onNov 26, 2024 byMoritz Glantz
   skip code sample

   <buttontype="button"onclick="window.open('https://example.com/other-page')">Link target description</button>

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

3. #33 make me one (input) with everything

   submitted onAug 27, 2024 byMoritz Glantz
   skip code sample

   <labelfor="textinput">First name</label>
   <inputtype="text"id="textinput"aria-label="First name"placeholder="First name"title="First name">

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

4. #32 almost a proper close button

   submitted onJul 18, 2022 byManuel
   skip code sample

   <buttondisplay="flex"role="button">
   <svgrole="img"viewBox="0 0 13 13"aria-hidden="true"xmlns="http://www.w3.org/2000/svg"height="15px"width="15px"fill="#000"name="close">
   <title>Close dialog</title>
   <pathd="…"></path>
   </svg>
   </button>

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

5. #31 additional “assistance”

   submitted onApr 12, 2022 byStefania
   skip code sample

   <ahref="/contact"aria-label="If you find that you need additional
   assistance in navigating or accessing the content of this website,
   please call our customer service toll free number 1-800-666-8654309"title="If
   you find that you need additional assistance in navigating or accessing
   the content of this website, please call our customer service
   toll free number 1-800-666-8654309">
      Contact
   </a>
   <ahref="/login"aria-label="If you find that you need additional assistance in navigating or accessing the content of this website, please call our customer service toll free number 1-800-666-8654309"title="If you find that you need additional assistance in navigating or accessing the content of this website, please call our customer service toll free number 1-800-666-8654309">
      Login
   </a>

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