HTML, HTML5 là gì?

  • Tuesday 10/08/2021

Bạn là người đam mê với ngành công nghệ tin, có hứng thú với việc code chắc chắn việc tiếp xúc với ngôn ngữ HTML là điều không thể tránh khỏi. Vậy HTML là gì? Phiên bản cập nhật hiện tại HTML5 có ưu điểm gì so với HTML? Hãy cùng tìm hiểu nhé!

1. HTML là gì?

HTML (Hypertext Markup Language)- là ngôn ngữ đánh dấu tiêu chuẩn để tạo ra các trang Web. HTML bao gồm một loạt các phần tử mà bạn sử dụng để bao bọc các phần khác nhau của nội dung giúp nó hoạt động theo một cách nhất định. Các thẻ bao quanh có thể tạo siêu liên kết từ hình ảnh đến một nơi khác, có thể in đậm các từ, có thể làm cho phông chữ lớn hơn hoặc nhỏ hơn, có thể tô màu đoạn văn bản,…

HTML được cấu tạo bởi 3 thành phần chính: ElementsTags và Attributes.

Một số thẻ HTML cơ bản

Chú ý: Các thẻ HTML được bọc trong cặp dấu <>.

 

Thẻ HTML

Tính năng

h1, h2, h3, h4, h5, h6

Dùng để thể hiện tiêu đề bài viết, bản tin hoặc các mục nhấn mạnh.

p

Thẻ chia bố cục các đoạn văn bản.

a

Thẻ tạo liên kết các trang web với nhau.

br

Xuống dòng trong một trang.

hr

Tạo đường kẻ ngang.

img

Chèn hình ảnh vào trang web

b, strong

In đậm chữ.

u

Gạch chân chữ.

i

In nghiêng chữ.

sub

Chỉ số dưới.

sup

Chỉ số trên.

div

Định nghĩa một phân vùng tài liệu.

ul

Tạo danh sách không có thứ tự.

ol

Tạo danh sách có thứ tự.

HTML không phải là ngôn ngữ lập trình, HTML là ngôn ngữ dễ hiểu, dễ học và tất cả mọi người mới đều có thể bắt đầu học nó để xây dựng website.

2. HTML5 là gì?

HTML5 là phiên bản cập nhật lần thứ 5 của ngôn ngữ HTML. Đây là ngôn ngữ cấu trúc và trình bày nội dung được giới thiệu bởi World Wide Web Consortium (W3C). HTML5 hiện là ngôn ngữ chuẩn mới nhất thay thế cho cả HTML4, XHTML, HTML DOM Level 2.

So với các phiên bản trước của HTML, các thẻ thường dùng không có gì nổi bật. Còn thẻ mới trong HTML5 có tính hấp dẫn cao hơn, có cái nhìn trực quan, có khả năng mô tả cao.

Một số thẻ HTML5

Chú ý: Tương tự cấu trúc thẻ HTML, các thẻ HTML5 được bọc trong cặp dấu <>.

Một số thẻ HTML5 lỗi thời: Frame, frameset, noframes, dir, big, font, acronym, applet, basefont, strike,…

Thẻ HTML5Tính năng
canvasCho phép bạn đồ họa mà không cần ứng dụng hỗ trợ.
audioDùng để định nghĩa nội dung âm thanh.
videoĐể vẽ một video hoặc phim.
sourceĐịnh nghĩa nhiều nguồn media cho video và audio.
embedXác định một container các plugin tương tác với ứng dụng bên ngoài.
datalistXác định một danh sách các tùy chọn được xác định trước cho các input.
outputĐịnh nghĩa kết quả của một phép toán.
acticleĐịnh nghĩa một bài viết hoặc bình luận của người dùng, độc lập với nội dung của website.
commandĐịnh nghĩa một nút lệnh mà người dùng có thể gọi.
detailsĐịnh nghĩa phần bổ sung thông tin chi tiết và cho phép người dùng có thể xem hoặc ẩn.
dialogĐịnh nghĩa một hộp thoại hoặc một cửa sổ.
figureXác định nội dung khép kín: Sơ đồ, hình ảnh, các danh sách mã lệnh,…
headerĐịnh nghĩa phần header cho tài liệu. Loại bỏ việc định nghĩa id cho tiêu đề.
footerĐịnh nghĩa phần footer cho tài liệu. Loại bỏ việc định nghĩa id cho cuối trang.
markĐánh dấu một đoạn văn bản nào đó của tài liệu.
navĐịnh nghĩa phần menu điều hướng cho website.
rtĐể tạo một lời giải thích/ phát âm các ký tự.
sectionDùng để xác định các thành phần khác nhau trong website.
datalistXác định danh sách tùy chọn.

3. Lợi ích và ưu điểm của HTML5

3.1. Lợi ích của HTML5

HTML5 cung cấp một cơ sở bộ đệm ẩn, các ứng dụng ngoại tuyến sẽ tải trang mà người dùng đã truy cập ngay cả khi người dùng tạm thời ngoại tuyến. Tính năng này sẽ giúp các tập tin tải nhanh hơn và giảm tải trên máy chủ.

HTML5 hỗ trợ các phần tử đa phương tiện như: Khả năng phát âm thanh và video.

3.2. Ưu điểm của HTML5

– Đối với lập trình viên

+ HTML5 là 1 tiêu chuẩn giúp các lập trình viên làm việc nhất quán với nhau.

+ Tiện lợi khi thiết kế các giao diện web mobile.

+ Có thể tùy chỉnh Data Attributes: Với HTML5, lập trình viên không cần phải tìm hiểu về server hoặc Ajax khi thuê máy chủ cũng có thể lập trình website có độ tương thích cao.

– Đối với người dùng

+ Trải nghiệm web tốt hơn trên các thiết bị di động: HTML5 có thể tăng tương thích trên các thiết bị di động giúp người dùng tiếp cận website và ứng dụng.

+ Cung cấp trải nghiệm tốt hơn cho người dùng. Người dùng có thể trực tiếp xem video, audio nhờ các thư viện có sẵn.

+ Website và ứng dụng thân thiện với người dùng: Giao diện đẹp mắt, chuyên nghiệp cùng với tốc độ tải web nhanh.

THÔNG TIN THÊM

Tham khảo các hướng dẫn cũng như thông tin công nghệ tại: https://kb.pavietnam.vn
Đăng ký dịch vụ do P.A Việt Nam cung cấp tại: https://www.pavietnam.vn/
Tham khảo các ưu đãi hiện có tại: https://www.pavietnam.vn/vn/tin-tuc-chuong-trinh-khuyen-mai-ten-mien-hosting.html
Facebook: https://www.facebook.com/pavietnam.com.vn

Rate this post