Mất 3 phút đọc

NHỮNG KHÁI NIỆM ĐẦU TIÊN VỀ HTML5

Trong bài viết này, Ứng dụng free sẽ cùng các bạn tìm hiểu những khái niệm đầu tiên về HTML5

Định Nghĩa HTML5

  • Từ viết tắt HTML là viết tắt của HyperText Markup Language.
  • HTML5 là phiên bản mới nhất của HTML. Tiền thân của HTML là HTML→HTML2.0→HTML3.2→HTML4.01→HTML5.
  • HTML5 là sự kết hợp của HTML và XHTML. Có thể nói rằng nó là một phiên bản nâng cao của HTML. Nó được phát triển để giảm thời gian và chi phí phát triển và cũng làm cho việc phát triển web trở nên đơn giản. Sự phụ thuộc vào mã hóa sẽ được giảm bớt khi sử dụng HTML5. Và sự phụ thuộc vào các Plugin (chẳng hạn như Flash và Silverlight) sẽ được giảm bớt bằng cách sử dụng một số thẻ mới của HTML5 (Audio, Video, Canvas etcetera).

Thành phần HTML5:

  • HTML5:
    • Là những thành phần đánh dấu/ cú pháp mới.
    • Các thẻ (tag)
    • Ví dụ: <ul>, <li>, <div>,…
  • Họ HTML5:
    • Bao gồm các thẻ mới.
    • Công nghệ mới: CSS3, Geolocation, Web Storage, Web Workers, Web Socket.
    • Tác dụng của công nghệ mới:
      • Cung cấp tính năng mạnh mẽ cho bộ công cụ.
      • Tạo ra website hữu dụng và tinh xảo
  • Phạm vi sử dụng HTML5:
    • PC
    • Thiết bị di động và smartphone

Tổng Quan Về Cú Pháp HTML5

  • Ngôn ngữ HTML5 giới thiệu một số thẻ/ thành phần mới giúp cấu trúc trang web được logic thiết thực hơn

  • Thành phần mới trong HTML5:
    • A: <header>
    • B: <nav>
    • C: <section>
    • D: <aside>
    • E: <aside>
    • F: <footer>

 

 

 

 

 

  • Tên của thành phần mới dựa theo tên các thành phần thông dụng được sử dụng trong phần bố cục trang web hiện nay (did id=”footer”,div id=”nav”,…).
  • Tác dụng của các thành phần mới trong HTML5:
    • Giảm bớt sự phụ thuộc vào thẻ <div>
    • Thay thế bởi một cấu trúc trang web thống nhất, dễ đọc hơn
  • HTML5 không thay thế bất kỳ cúa pháp HTML nào, mà chỉ bổ sung thêm các thành phần (thẻ) mới vào danh sách hiện có.

Thành Phần Mới Của HTML5

Một số thành phần mới:

 

<video> và <audio>:

  • Cho phép nhúng video và file âm thanh vào trang web
  • Không cần sử dụng tới plug-in của trình duyệt

<canvas>:

  • Cung cấp các tính năng vẽ và hoạt hình
  • Làm việc giống như một bảng vẽ trên trang web
  • Có thể thêm các mã JavaScript hoặc các tính năng hoạt hình mới của CSS3 để làm cho đối tượng được tạo ra trên bảng vẽ di chuyển, biến mất, thay đổi tywe lệ,… 
  • Lưu hình ảnh vừa vẽ dưới dạng .png
  • Khai báo <canvas>:

  • Sử dụng JavaScript:

Web form:

  • Thành phần form mới trong HTML khi được thực thi sẽ giúp quá trình làm việc với các form trở nên dễ dàng hơn so với hiện tại

Một số thành phần mới khác:

  • <figure>, <figurecaption>: gán nhãn (hoặc chú thích ảnh) cho các hình ảnh trên trang web.
  • <hgroup>: nhóm một tập các thành phần vào một thành phần hợp lý
  • … 

KẾT LUẬN: Nếu như bạn chưa hiểu nội dung bài viết hoặc đang khúc mắc khi thao tác thì hãy bình luận phía dưới bài viết để Ứng dụng free   giải đáp thắc mắc nhé! Cảm ơn các bạn đã theo dõi bài viết. 

 

5/5 - (1 Bình chọn)
34 lượt xem

23/09/2022 Blog Tin Học

Bài viết liên quan

Block "5_tab_footer" not found