Thông tin hữu ích IT

HTML, HTML5 là gì? Phân biệt HTML với HTML5? Nên sử dụng dạng nào

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 là gìHTML được cấu tạo bởi 3 thành phần chính: Elements, TagsAttributes.

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

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

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.

Một số thẻ HTML cơ bản2. 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.

HTML5 là gì?

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

Thẻ HTML5

Tính năng

canvas

Cho phép bạn đồ họa mà không cần ứng dụng hỗ trợ.

audio

Dù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.

embed

Xác định một container các plugin tương tác với ứng dụng bên ngoài.

datalist

Xá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ổ.

figure

Xá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ự.

section

Dùng để xác định các thành phần khác nhau trong website.

datalist

Xá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.

tep-tin-tai-nhanh-hon-tren-may-chu

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.

uu-diem-cua-html-5– Đố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.

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Back to top button