HTML là viết tắt cho HyperText Markup Language và là một ngôn ngữ để mô tả trang web. Các trang web bao gồm các thẻ đánh dấu và đồng bằng văn bản. Một phiên bản mới của HTML sẽ sớm được các tiêu chuẩn cho các trang web và được hỗ trợ trong các trình duyệt mới nhất. HTML5 sẽ là tiêu chuẩn mới cho HTML, XHTML, và DOM HTML.
Trang 1HTML5
HTML là viết tắt cho HyperText Markup Language và là một ngôn ngữ để mô tả trang web Các trang web bao gồm các thẻ đánh dấu và đồng bằng văn bản
Lịch sử HTML
1995 - HTML 2.0 xuất hiện như các phiên bản tiêu chuẩn đầu tiên của HTML
1997 - HTML 3.2 xuất hiện nhưng đã làm ngơ trước các nhà phát triển trình duyệt
1999 - HTML 4.0 xuất hiện và trở thành tiêu chuẩn cho authoring web
2004 - Nhóm công tác Công nghệ ứng dụng Web Hypertext (WHATWG) bắt đầu làm việc vào những gì sẽ trở thành HTML5
2007 - The World Wide Web Consortium (W3C) thông qua việc WHATWG và đặt lại tên cho nó vào HTML5
2010 - Apple và Google thúc đẩy việc áp dụng công cộng của HTML5
HTML5
Một phiên bản mới của HTML sẽ sớm được các tiêu chuẩn cho các trang web và được hỗ trợ trong các trình duyệt mới nhất HTML5 sẽ là tiêu chuẩn mới cho HTML, XHTML, và DOM HTML
Lưu ý: HTML5 đã không được chấp thuận bởi World Wide Web Consortium (W3C), do đó, các lĩnh vực
cụ thể HTML5 của hướng dẫn này có thể thay đổi
*HTML5 - Tính năng mới
-Một số các tính năng mới trong HTML5 là:
-Chức năng cho việc nhúng audio, video, và đồ họa
-Lưu trữ dữ liệu phía máy khách
-Tài liệu tương tác
-Yếu tố cấu trúc mới <article>, <header>, <footer>, <nav>, <section> và <số>
-Hình thức mới kiểm soát lịch, ngày, giờ, email, địa chỉ, tìm kiếm
-Cải tiến JavaScript
*HTML5 - Trình duyệt Hỗ trợ
Trang 2Các phiên bản mới nhất của Apple Safari, Google Chrome, Mozilla Firefox, Opera, và Microsoft Internet Explorer 9.0 tất cả các hỗ trợ nhiều tính năng HTML5 mới
Ngoài ra, các trình duyệt web di động cài đặt sẵn trên iPhone, iPad và điện thoại Android đều có hỗ trợ tuyệt vời cho HTML5
Trình duyệt cụ thể hỗ trợ HTML5 là:
IE 9+ (Windows)
Firefox 3.0+ (tất cả các hệ điều hành)
Safari 3.0+ (Windows, OS X, và iPhone OS 1.0+ hệ điều hành)
Cơ rôm
3.0.195+ (Windows)
5.0.375+ (tất cả các hệ điều hành)
Opera 9.5+ (tất cả các hệ điều hành)
Lưu ý: Với tất cả các "buzz" hiện nay liên quan HTML5, hỗ trợ cho các tính năng HTML5 khác nhau trong các trình duyệt khác nhau gần như hàng ngày Thông tin hỗ trợ tính năng HTML được liệt kê trong Hướng dẫn nhanh có thể trở nên lỗi thời một cách nhanh chóng Tham khảo trên Internet cho thông tin cập nhật và theo dõi các bản cập nhật cho các Hướng dẫn nhanh
Khuyến nghị: Khi phát triển các trang web bằng cách sử dụng HTML5, nó được khuyến khích để phát hiện hỗ trợ cho các cá nhân sử dụng các tính năng HTML5 JavaScript Để giúp với điều này, sử dụng Modernizr, một thư viện JavaScript mà phát hiện hỗ trợ cho HTML5 và CSS3 các tính năng
HTML5 - New / Elements Cập nhật
Kể từ HTML4.01 đã được phê duyệt, một số yếu tố HTML đang lỗi thời, không bao giờ được sử dụng, hoặc không được sử dụng theo cách mà họ đã dự định Những yếu tố này đã được gỡ bỏ hoặc viết lại trong HTML5
Ngoài ra, HTML5 cũng bao gồm các yếu tố mới cho cấu trúc tốt hơn, bản vẽ, nội dung phương tiện truyền thông, và hình thức xử lý tốt hơn
New Markup Elements
Bảng sau đây liệt kê các yếu tố mới cho cấu trúc tốt hơn:
Mô tả thẻ
<article> Đối nội dung bên ngoài, như văn bản từ một tin-bài viết, blog, diễn đàn, hoặc bất kỳ nội dung khác từ một nguồn bên ngoài
Trang 3<aside>Đối với nội dung ngoài nội dung nó được đặt trong Các nội dung sang một bên nên liên quan đến nội dung xung quanh
<command> Một nút, hoặc một radiobutton, hoặc một hộp kiểm
<detals> Đối với mô tả chi tiết về một tài liệu, hoặc các bộ phận của một tài liệu
<summary> Một chú thích, hoặc tóm tắt, bên trong các yếu tố chi tiết
<figure> Đối với nhóm một phần của nội dung độc lập, có thể là một video
<figcaption> Các chú thích của phần hình
<footer> Đối với một chân của một tài liệu hoặc phần, có thể bao gồm tên của tác giả, ngày của các tài liệu, thông tin liên lạc, hoặc các thông tin bản quyền
<header> Đối với một giới thiệu của một tài liệu hoặc phần, có thể bao gồm điều hướng
<hgroup> Đối với một phần của tiêu đề, bằng cách sử dụng <h1> đến <h6>, nơi lớn nhất là tiêu đề chính của phần này, và những người khác là tiểu đề mục
<mark> Đối với văn bản cần được nhấn mạnh
<mert> Đối với một đo lường, chỉ được sử dụng nếu các giá trị tối đa và tối thiểu là biết
<nav> Đối với một phần hàng hải
<progress> Trạng thái của một công việc đang tiến
<ruby> Cần ruby chú thích (ghi chú của Trung Quốc hoặc các ký tự)
<rt> Cần lời giải thích của chú thích ruby
<rp> gì để hiển thị các trình duyệt không hỗ trợ các yếu tố ruby
<section> Đối với một phần trong một tài liệu Chẳng hạn như chương, tiêu đề, footers, hoặc bất kỳ phần khác của tài liệu
<time> Cần xác định một thời điểm hoặc một ngày, hoặc cả hai
<WBR> Lời nghỉ Đối với việc xác định một cơ hội dòng-break
New Media Elements
HTML5 cung cấp một tiêu chuẩn mới cho các nội dung truyền thông:
Mô tả thẻ
<audio> Đối với nội dung đa phương tiện, âm thanh, âm nhạc hoặc các file âm thanh khác
Trang 4<video> Đối với nội dung video, chẳng hạn như một movie clip hoặc các luồng video khác
<source> Đối với nguồn phương tiện truyền thông cho các yếu tố phương tiện truyền thông, được định nghĩa bên trong video hoặc audio yếu tố
<embed> Đối với nội dung nhúng, chẳng hạn như là một plug-in
New Canvas tử
Các phần tử canvas sử dụng JavaScript để tạo bản vẽ trên một trang web
*Mô tả thẻ
<canvas> Để làm cho đồ họa với một kịch bản
New Form Elements
HTML5 cung cấp các yếu tố hình thức nhiều hơn, với nhiều chức năng:
*Mô tả thẻ
<datalist> Một danh sách các tùy chọn cho các giá trị đầu vào
<keygen> phím để xác thực người dùng Tạo
<output> Đối với các loại khác nhau của sản lượng, chẳng hạn như đầu ra được viết bởi một kịch bản
*New Input Type Giá trị thuộc tính
Ngoài ra, loại thuộc tính các yếu tố đầu vào của có nhiều giá trị mới, để kiểm soát đầu vào tốt hơn trước khi gửi nó đến máy chủ:
Loại Mô tả
tel Các giá trị đầu vào là các số điện thoại loại
Tìm kiếm Các lĩnh vực đầu vào là một lĩnh vực tìm kiếm
url giá trị đầu vào là một URL
email Các giá trị đầu vào là một hoặc nhiều địa chỉ email
datetime Các giá trị đầu vào là một ngày và / hoặc thời gian
ngày Các giá trị đầu vào là một ngày
tháng Giá trị đầu vào là một tháng
tuần Các giá trị đầu vào là một tuần
Trang 5Hiện giá trị đầu vào là các loại thời gian
datetime-local Các giá trị đầu vào là một ngày địa phương / lần
số Các giá trị đầu vào là một số
nằm trong khoảng giá trị đầu vào là một số trong một phạm vi nhất định
tô màu Các giá trị đầu vào là một màu thập lục phân, như # FF8800