Một website hoàn chỉnh cũng giống cơ thể con người. Những gì chúng ta thấy được bên ngoài như giao diện, thông tin, hiệu ứng là chỉ phần da thịt. Ẩn bên trong là phần khung xương giúp xây dựng cấu trúc, định dạng nên website. Người ta gọi phần khung xương đó là HTML. Phần này đóng vai trò rất quan trọng trong thiết kế website. Không chỉ người làm web mà cả dân SEO cũng cần biết về HTML. Vậy HTML là gì và đóng vai trò như thế nào trong việc thiết kế website?
HTML là tên viết tắt của cụm từ HyperText Markup Language, nghĩa là ngôn ngữ đánh dấu siêu văn bản, được dùng để hình thành nên một website. Website là tập hợp của nhiều trang con hoặc chỉ 1 trang đơn và mỗi trang sẽ là một tài liệu HTML.
Đây là ví dụ về một đoạn HTML
Một tài liệu HTML sẽ tập hợp rất nhiều phần tử HTML con và được lưu lại dưới tập tin có đuôi mở rộng là .html hoặc .htm. Những phần tử này được quy định bởi các cặp thẻ (tên tiếng Anh là tag). Các cặp thẻ được bọc bằng dấu ngoặc nhọn, bao gồm thẻ đóng và thẻ mở.
Ví dụ: thẻ title dùng để chỉ tiêu đề nội dung thì cấu trúc đóng mở của nó như sau:
<title>HTML là gì</title>
<title> là mở thẻ title, </title> là đóng thẻ title lại. Văn bản bên trong hai thẻ này chính là phần nội dung hiển thị ra ngoài website.
Nhưng có một vài thẻ đặc biệt không có thẻ đóng như thẻ <br> hoặc <img>.
Như Letweb đã nói ở phần mở đầu, HTML đóng vai trò như phần khung xương của website, dùng để tạo 1 trang web đơn giản. Đây chính là nền tảng cơ bản mà bất cứ ai học lập trình web cũng phải nắm vững HTML trước rồi mới bắt đầu học các ngôn ngữ lập trình riêng biệt như PHP, Java…
Bất kỳ website nào cũng cần có HTML
Ví dụ, cấu trúc của một website cơ bản sẽ bao gồm các lớp sau:
Nói tóm lại, dù website của bạn có dùng ngôn ngữ lập trình nào, thuộc loại gì thì khi xử lý dữ liệu cũng phải cần HTML để hiển thị nội dung ra bên ngoài cho người truy cập xem.
Hiện nay, phiên bản mới nhất của HTML là HTML 5.1. Khi HTML 5 còn chưa phổ biến, thì người ta thường rất khó khăn trong việc chèn audio hay video vào web. Kèm theo đó là yêu cầu các thiết bị phải cài flash mới xem được.
Nhưng hiện nay, vấn đề ấy đã được giải quyết ổn thỏa bằng HTML 5. Nó đóng vai trò thay thế cho flash, giúp người dùng có thể xem video nghe nhạc thoải mái mà không cần cài đặt flash.
HTML nằm trong công đoạn SEO Onpage
Với dân SEO hoặc những người đang tìm hiểu về SEO thì cũng cần hiểu một chút về HTML vì nó có dính đến một vài thẻ liên quan đến SEO. Cụ thể là một vài thẻ dưới đây:
+ Thẻ title: tiêu đề bài viết
+ Thẻ body: đại diện cho phần thân nội dung và bao gồm các thẻ như <h1>, <p>, <div>…
+ Thẻ h1, h2, h3…: đại diện cho các tiêu đề trong bài viết.
+ Thẻ meta description: đoạn mô tả ngắn xuất hiện trên trang tìm kiếm của Google.
…
Đó là một số thẻ quan trọng trong SEO, nhằm giúp bộ máy tìm kiếm có thể hiểu được nội dung trong trang web đó nói gì và đánh giá chất lượng bài viết có tối ưu hóa hay không. Đây là những yếu tố góp phần giúp cho Google xếp hạng bài viết của bạn trên trang kết quả tìm kiếm. Nó thuộc về phần SEO Onpage.
Vì vậy, người làm SEO cần biết về các thẻ HTML là gì và nghiên cứu kĩ hơn nhằm hỗ trợ cho công việc của mình.
Vậy là bạn đã biết thêm được một thuật ngữ nữa trong thiết kế website. Nếu bài viết có gì sai sót hay bạn có ý kiến muốn đóng góp thêm cho nội dung hoàn chỉnh hơn thì đừng ngại để lại bình luận ở dưới nhé! Letweb luôn mong chờ được nhận những phản hồi từ các bạn.
>>> Xem thêm: 3 chiến lược SEO đánh bại mọi đối thủ.
Khi bạn muốn yêu cầu dịch vụ, góp ý, thắc mắc về dự án thiết kế website của bạn, xin đừng ngại liên hệ với Letweb bằng form này hoặc:
CÔNG TY TNHH PHẦN MỀM VÀ TRUYỀN THÔNG VÂN TAY
Park 7, Vinhomes Central Park, Số 208 Nguyễn Hữu Cảnh, P.22, Q. Bình Thạnh
Điện thoại: 0919 1000 75 (Ms. Yến) – 028 3 636 3185 (Số máy bàn)
Email: [email protected] (Tiếng Việt), [email protected] (English)
Người đại diện: Bùi Nguyễn Quốc Toàn
P.7-43.OT07, Tầng 43, Park 7, Số 208, Nguyễn Hữu Cảnh, P.22, Q. Bình Thạnh, TP. HCM, Việt Nam
MST: 0312731527
Hotline: 0919 1000 75
Phone: 0283 6363 185
Email: [email protected]
