Html5 dùng để làm gì

Mọi người đều muốn HTML5, nhưng bên ngoài thế giới nhà phát triển, ít người thực sự biết nó là gì. Một số xem nó như một xu hướng công nghệ hoàn toàn mới. Những người khác nghĩ rằng họ sẽ cần chuyển đổi các ứng dụng hiện tại của mình sang HTML5. Vẫn còn những người khác đánh đồng HTML5 với các ứng dụng web dành cho thiết bị di động. Trong thực tế, không có gì là chính xác

Hôm nay, hãy làm sáng tỏ một số nhầm lẫn. Trong bài viết này, tôi sẽ hướng dẫn bạn tổng quan cấp cao về HTML5 và giải thích ngắn gọn một số tính năng quan trọng nhất của nó. Hy vọng rằng điều này cung cấp cho bạn một bức tranh rõ ràng hơn về tiêu chuẩn HTML mới và giúp bạn hiểu rõ hơn về cách nó có thể giúp ích cho công ty của bạn. Nghe hay đấy?

HTML5 là gì?

Kể từ thời điểm HTML4 được phát hành trở lại vào năm 1997, internet đã thay đổi đáng kể. Thực tế là HTML4 không thể đáp ứng đầy đủ nhu cầu của web hiện đại. Nó được xây dựng trong một thời đại khác. Nó được xây dựng cho một mạng internet khác

Trong những năm qua, các nhà phát triển và nhà thiết kế web đã tìm ra cách vượt qua các hạn chế của HTML4, thường sử dụng các giải pháp thay thế lộn xộn và plugin của bên thứ ba. Tuy nhiên, khi web tiếp tục thay đổi, rõ ràng là cần có một giải pháp hiện đại

Đó là nơi HTML5 xuất hiện. Nói một cách đơn giản, đó là phiên bản tiếp theo của HTML. Đó là tập hợp các tính năng và thẻ HTML mới mà giờ đây bạn có thể sử dụng trong các ứng dụng web của mình. Nó được thiết kế để sửa nhiều lỗi được tìm thấy trong HTML4 và mang lại các khả năng hiện đại để phát triển web

HTML5 thay đổi sự phát triển ứng dụng web như thế nào?

Vì vậy, những tính năng mới này là gì? . Hãy bắt đầu với các yếu tố mới và nhanh chóng giải thích lý do tại sao chúng lại quan trọng

Các phần tử ngữ nghĩa mới
Thẻ “div” là phần tử được sử dụng phổ biến nhất (và bị lạm dụng) trong HTML. Nó được sử dụng để xác định một phần hoặc một phần trong tài liệu HTML, nhưng đã biến thành một thứ gì đó thuộc loại thẻ “bắt tất cả”. Xét cho cùng, gần như mọi thứ đều có thể được định nghĩa là “phần hoặc bộ phận” trong HTML. Kết quả là, thẻ “div” được sử dụng cho hầu hết mọi thứ.

Tại sao điều này là xấu? . Tìm một phần hoặc khu vực cụ thể của trang đó khá phức tạp nếu không có quy ước đặt tên mô tả hơn

HTML5 giải quyết vấn đề “quá tải div” bằng một số yếu tố ngữ nghĩa mới giúp các nhà phát triển tạo HTML sạch hơn và dễ bảo trì. Bài viết này cung cấp thêm thông tin về chủ đề này nhưng đây là tóm tắt nhanh và giải thích về một số thành phần HTML5 mới quan trọng nhất.

• tiêu đề – Chứa tất cả các yếu tố giới thiệu trên một trang, chẳng hạn như điều hướng, thanh menu, logo, v.v…
• chính – Cung cấp vùng chứa cho nội dung chính của trang
• phần – Xác định các phần trong tài liệu, chẳng hạn như chương, đầu trang, chân trang, v.v…
• điều hướng – Xác định các phần của trang có chứa các thành phần điều hướng
• bài viết – Được sử dụng để xác định nội dung bên ngoài như bài đăng trên diễn đàn, bài viết bên ngoài, mục blog, v.v…
• footer – Xác định phần tử footer trong một trang
• sang một bên – Xác định các phần của trang không phải là trọng tâm chính, nhưng vẫn có liên quan
• địa chỉ - Được sử dụng để đại diện cho một địa chỉ

Trước đây, mỗi phần đó rất có thể sẽ nằm bên cạnh thẻ “div”. Với HTML5, tổ chức tổng thể của một trang web sẽ gọn gàng hơn nhiều

Thành phần biểu mẫu mới
HTML5 mang đến một số tính năng mới khá thú vị cho biểu mẫu. Các khả năng trước đây yêu cầu Javascript hiện có thể có trong HTML. Để hiểu rõ hơn về những gì được bao gồm, bài viết này giải thích các loại và thuộc tính đầu vào HTML5 mới.

Các tính năng mới
HTML5 cung cấp một số tính năng và API mới tuyệt vời giúp các nhà phát triển xây dựng các ứng dụng web mạnh mẽ nhất cho đến nay. Mặc dù không phải là một danh sách mở rộng, đây là một số tính năng mới quan trọng nhất được cung cấp trong HTML5.

• Tranh sơn dầu. Canvas HTML5 cho phép các ứng dụng web hiển thị bitmap động, chẳng hạn như biểu đồ, trò chơi hoặc hình ảnh trực quan khác một cách nhanh chóng–mà không cần plugin. Từ góc độ kinh doanh, điều này giúp bạn tạo các biểu đồ và biểu đồ không có plugin hoạt động trên tất cả các trình duyệt và thiết bị
• Video & âm thanh. Cho phép nhà phát triển thêm các yếu tố đa phương tiện vào trang của họ mà không cần sử dụng plugin. Ví dụ: vì chưa bao giờ có tiêu chuẩn hiển thị video trên trang web nên trước đây video yêu cầu sử dụng plugin của bên thứ ba như Flash hoặc Silverlight. HTML5 cung cấp một cách tiêu chuẩn để thêm video vào trang web hoặc ứng dụng bằng phần tử “video”
• Ứng dụng ngoại tuyến. HTML5 cung cấp API cho phép ứng dụng web ngoại tuyến, đặc biệt hữu ích khi tạo ứng dụng web dành cho thiết bị di động. Chẳng hạn, một ứng dụng web ngoại tuyến dành cho thiết bị di động có thể cho phép nhân viên truy cập dữ liệu cần thiết khi đang di chuyển, ngay cả khi họ bị mất kết nối internet
• Lưu trữ cục bộ. Trước đây, các ứng dụng gốc có lợi thế hơn các ứng dụng web vì chúng cung cấp bộ nhớ cục bộ liên tục—một lớp để lưu trữ và truy xuất dữ liệu dành riêng cho ứng dụng. Mặc dù cookie của trình duyệt được thiết kế cho mục đích này, nhưng chúng không bao giờ cung cấp đủ dung lượng lưu trữ để làm bất kỳ điều gì hữu ích. Với HTML5, điều đó đang thay đổi. Các ứng dụng web hiện có thể lưu trữ dữ liệu cục bộ trên trình duyệt
• Công nhân web. HTML5 cung cấp một cách tiêu chuẩn để chạy Javascript ở chế độ nền, có thể thực hiện các tác vụ phức tạp hoặc thực hiện cuộc gọi mạng trong khi trang web phản hồi người dùng. Điều này rất quan trọng vì nó cho phép các nhà phát triển tạo ra các ứng dụng web mạnh mẽ hơn nhiều. Chẳng hạn, trước đây, một trang web có thể bị treo trong khi chờ tập lệnh chạy. Sử dụng công nhân web, trang đó sẽ hoạt động tốt trong khi các tập lệnh phức tạp chạy trong nền

Bây giờ bạn có thể sử dụng HTML5 không?

HTML5 không trở thành tiêu chuẩn chính thức cho đến năm 2014, nhưng bạn có thể bắt đầu sử dụng nó ngay hôm nay. Trên thực tế, nếu bạn là người dùng m-Power …thì bạn đã sử dụng HTML5. Chúng tôi đã tích hợp một số tính năng HTML5 vào m-Power và có kế hoạch tích hợp nhiều hơn nữa vào năm 2014.

Trình duyệt nào hỗ trợ HTML5? . Các trình duyệt cũ hơn như Internet Explorer 7, 8 hoặc 9, cung cấp hỗ trợ hạn chế hoặc không hỗ trợ. Để biết danh sách đầy đủ các trình duyệt hỗ trợ các tính năng HTML5 khác nhau, hãy xem trang này . Nếu bạn vẫn đang sử dụng một trong những trình duyệt cũ hơn đó, tôi thực sự khuyên bạn nên nâng cấp nếu bạn muốn tận dụng tối đa khả năng của web hiện đại.

Bạn cần làm gì?

Vì vậy, làm thế nào bạn có thể sử dụng tất cả các tính năng tuyệt vời đó trong các ứng dụng web của mình?

Không và không

Điều duy nhất bạn thực sự nên làm. Thay đổi loại tài liệu trong ứng dụng của bạn. Trước đây, HTML cung cấp nhiều loại tài liệu – mỗi loại dài và khó hiểu. HTML5 thay thế tất cả các loại tài liệu đó bằng cái này

Giờ đây, việc thay đổi loại tài liệu không tự động cung cấp cho bạn tất cả các tính năng tuyệt vời của HTML5 được liệt kê ở trên. Bạn vẫn phải thêm chúng theo cách thủ công

Vì vậy, việc thay đổi loại tài liệu sẽ làm gì cho các ứng dụng web của bạn? . Ví dụ: trong khi một số trình duyệt hỗ trợ các tính năng HTML5 ngay cả khi không có loại tài liệu HTML5, thì không phải trình duyệt nào cũng sẽ. Cập nhật loại tài liệu giảm thiểu các vấn đề đau đầu giữa nhiều trình duyệt liên quan đến việc chuyển sang HTML5

Gói (lại

Tôi hy vọng tổng quan này cung cấp cho bạn cái nhìn rõ ràng hơn về HTML5, cùng với những lợi ích của nó. Nếu bạn có bất kỳ câu hỏi nào về tiêu chuẩn HTML mới này, tôi rất muốn nghe chúng trong các nhận xét

Mục đích HTML5 là gì?

4 lợi ích của HTML5 là gì?

3 mục tiêu của HTML5 là gì?

Tại sao chúng tôi sử dụng HTML5 thay vì HTML?