# HTML

* HTML được viết đúng chuẩn [W3school](https://www.w3schools.com/html/). Sau khi làm xong phải check lại tại link này: <https://validator.w3.org/>
* Bỏ các thuộc tính **href="javascript:void(0)"** trên tất cả các thẻ \<a>. Nếu một button / phần tử dùng để click, ưu tiên đổi thẻ \<a> thành thẻ \<button>, sử dụng thuộc tính **role="button"**

<figure><img src="https://3810038871-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7wRGiGMySPoVEOT9Sw6O%2Fuploads%2Fjshjbjwquip2fGfT6TjF%2Fimage.png?alt=media&#x26;token=e540756c-2ee7-460f-ab6b-41453f9522e3" alt=""><figcaption></figcaption></figure>

* Không sử dụng thuộc tính **alt** cho các thẻ \<a>
* Không sử dụng thuộc tính **title** cho các thẻ \<img>. Thuộc tính **alt** của thẻ \<img> phải có giá trị mặc định nếu khách hàng không nhập alt cho image:

<figure><img src="https://3810038871-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7wRGiGMySPoVEOT9Sw6O%2Fuploads%2F3g5SbJqv4nerh7j6GqMo%2Fimage.png?alt=media&#x26;token=92cdc75c-5076-448a-8a15-a5383945a057" alt=""><figcaption></figcaption></figure>

* Sử dụng thuộc tính **title** cho thẻ \<a> nếu thẻ \<a> đang bao một SVG icon.
* Đối với các phần tử có thể click được, nếu không có text nào cho phần tử đó, bắt buộc phải có một thẻ ẩn để show text

<figure><img src="https://3810038871-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7wRGiGMySPoVEOT9Sw6O%2Fuploads%2FC0KduPC3gkJT4zsnBPXg%2Fimage.png?alt=media&#x26;token=8a49b9f0-f59e-42a5-81eb-8ac6497545d2" alt=""><figcaption></figcaption></figure>

Đối với thẻ \<svg>, sử dụng các thuộc tính như hình bên dưới:

<figure><img src="https://3810038871-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7wRGiGMySPoVEOT9Sw6O%2Fuploads%2F9zGDtffAlMjInQom8q3P%2Fimage.png?alt=media&#x26;token=d17c0ff4-92ca-49c6-a51e-d43cc7f43650" alt=""><figcaption></figcaption></figure>
