Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 15++ Năm (Từ 2006 đến Nay)

10 Lỗi thường gặp trong HTML

5/5 - (5 bình chọn)

Dưới đây là danh sách đánh dấu những lỗi phổ biến lên HTML do các nhà phát triển giao diện người dùng thực hiện. Cho dù bạn là một nhà thiết kế web mới, hoặc một lập trình viên muốn thử thiết kế giao diện người dùng thì bạn cần cố gắng tránh những sai lầm này.

1. Không đặt các phần tử khối trong các phần tử nội tuyến

Một phần tử HTML được hiển thị dưới dạng khối hoặc theo mặc định. Các phần tử khối, chẳng hạn như <div> và các đoạn văn bản, tạo thành cấu trúc của tài liệu. Các phần tử nội tuyến nằm trong các khối này, chẳng hạn như thẻ span. Vì vậy bạn không nên đặt phần tử khối bên trong các phần tử nội tuyến.

10 Lỗi thường gặp trong HTML 1-2-1024x53

Xem thêm: HTML là gì? Bố cục trang web được tổ chức ra sao?

2. Luôn luôn có thuộc tính alt cho các thẻ hình ảnh

Thuộc tính alt là một yêu cầu cho thẻ <img>, nó mô tả ngữ cảnh của hình ảnh. Nó cũng làm cho các trình thu thập thông tin web chỉ mục nội dung của bạn tốt hơn. Nếu các hình ảnh mục đích chỉ để hiển thị, sử dụng một thuộc tính alt trống như sau: alt = “”

10 Lỗi thường gặp trong HTML 2-2-1024x53

3. Không sử dụng ngắt dòng để hiển thị một danh sách

Nếu bạn muốn hiển thị một danh sách theo thứ tự hoặc có thứ tự, bạn không nên sử dụng thẻ ngắt dòng <br/>. Sử dụng các danh sách không có thứ tự <ul> hoặc các thẻ liệt kê có thứ tự <ol>

10 Lỗi thường gặp trong HTML 3-2-1024x225

4. Không sử dụng <b> và <i> để in đậm và in nghiêng

<b> và <i> được sử dụng để in đậm và in nghiêng các văn bản. Bạn nên sử dụng các đặc tính CSS font-weight và font-style cho những mục đích này tương ứng. Nếu áp dụng cho các phong cách trên tài liệu, hãy sử dụng <strong> và <em> thay thế. Chúng làm công việc giống như <b> và <i> nhưng đúng ngữ nghĩa.

10 Lỗi thường gặp trong HTML 4-2-1024x56

Xem thêm: Các thẻ HTML chuẩn SEO

5. Không sử dụng nhiều ngắt dòng

Thẻ ngắt dòng <br/> chỉ nên được sử dụng để ngắt dòng đơn trong dòng văn bản. Nó không nên được sử dụng để tạo khoảng trống giữa các phần tử, thay vào đó, chia văn bản thành các đoạn riêng biệt, hoặc điều chỉnh lề theo kiểu CSS.

10 Lỗi thường gặp trong HTML 5-2-1024x232

6. Tránh phong cách nội tuyến

Có lẽ bạn đã từng nghe điều này rất nhiều lần trước đây. Toàn bộ điểm của ngữ nghĩa HTML và CSS là để cấu trúc tài liệu theo phong cách riêng biệt. Do đó, nó không có ý nghĩa để đặt phong cách trực tiếp trong tài liệu HTML.

10 Lỗi thường gặp trong HTML 6-2-1024x180

7. Không thêm (hoặc xóa) thuộc tính border trong HTML

10 Lỗi thường gặp trong HTML 7-2-1024x159

Xem thêm: Các phần tử và thẻ trong HTML (Elements, tags)

8. Viết thiếu hoặc không chính xác chữ DOCTYPE

DOCTYPE cho trình duyệt web biết phiên bản HTML nào trang của bạn đang sử dụng. Về mặt kỹ thuật, nó đề cập đến một định nghĩa kiểu tài liệu xác định các quy tắc cho phiên bản HTML đó.

DOCTYPE nên luôn luôn là dòng đầu tiên của mã HTML của bạn và nó là trường hợp nhạy cảm.

9. Viết không đúng định dạng HTML

– Thiếu dấu ngoặc kép cho các thuộc tính

Mặc dù các phiên bản cũ của HTML không yêu cầu bạn bao quanh các giá trị với dấu ngoặc kép, các phiên bản tương lai (bao gồm cả XHTML) có thể vẫn sẽ không yêu cầu dấu ngoặc kép. Nhưng để tránh mắc phải những lỗi về hiển thị trên hầu hết các trình duyệt, bạn nên đặt dấu ngoặc kép xung quanh các giá trị.

10 Lỗi thường gặp trong HTML 8-2-1024x143

– Thiếu thẻ đóng

Hầu hết các thẻ HTML đều có cả thẻ mở và thẻ đóng (ví dụ: <a></a>). Nếu bạn thiếu thẻ đóng thì trình duyệt sẽ hiển thị sai kết quả.

– Các thẻ HTML phải được đóng theo đúng thứ tự theo các thẻ bạn đã mở

10 Lỗi thường gặp trong HTML 9-2-1024x122

10. Nội dung phần đầu phải nằm trong thẻ <head>

Các thẻ <title>, <meta>, <style> phải nằm trong cặp thẻ <head> và </head>

Bạn hãy kiểm tra lại xem thói quen code của bạn hay những đoạn code bạn đã lập trình có gặp phải những lỗi trên không nhé.

Xem thêm: Dịch vụ thiết kế website

Tin mới nhất

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Core Web Vitals được đo lường như thế nào? Làm thế nào để bạn biết các bản sửa lỗi đã...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra,...

Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. Nếu bạn đã theo dõi hàng loạt các bài viết trên Lamvt.vn thì chắc hẳn bạn cũng sẽ nhận ra...
    14 giây trước
  2. Ibmeduca.org là website của Viện Kinh Thánh truyền giáo  Trang web được thiết kế trên nền tảng mã nguồn SEO tốt...
    14 giây trước
  3. Nếu bạn là 1 lập trình viên Wordpress ắt hẳn đã gặp rất nhiều lỗi gây khó chịu như lỗi...
    10 giây trước
  4. Thietbigiaoducviet.com.vn là website chuyên cung cấp các sản phẩm thiết bị, nội thất cho văn phòng, thư viện, trường học,...
    3 giây trước
  5. Ngày nay, ứng dụng di động đã và đang khẳng định vai trò quan trọng của mình, đặc biệt là...
    30 giây trước
  6. Kiếm tiền online (Make Money Online - MMO) là xu hướng mới để lập nghiệp những năm gần đây. Nếu...
    27 giây trước
  7. Việc xếp hạng kết quả tìm kiếm trên các công cụ tìm kiếm là vô cùng quan trọng. Vì vậy,...
    30 giây trước
  8. 5 bước hiệu quả của marketing trong thời đại Net. Chỉ có khi nào bạn đang sống ẩn mình trên...
    8 giây trước
  9. Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...
    23 giây trước
  10. Content là một phần không thể thiếu để tại nên thành công cho một trang Web. Nó không chỉ giúp...
    19 giây trước