Ví dụ. Một bảng HTML với các phần tử <thead>, <tfoot> và <tbody>: Kết quả: Tháng Số tiền kiếm được Tháng 1 5 triệu Tháng 2 7 triệu Tổng 12 triệu Định nghĩa và cách dùng Thẻ <thead> được sử dụng để nhóm các nội dung tiêu đề trong bảng HTML. Phần tử <thead> được sử dụng kết hợp với phần tử <tbody> và <tfoot> để xác định các phần riêng biệt của bảng (phần tiêu đề trên đâu, phần nội dung bảng và phần chân bảng). Trình duyệt có thể sử dụng những yếu tố này để cho phép …
Ví dụ Một bảng HTML đơn giản với hai ô: Kết quả: ô A ô B Định nghĩa và cách dùng Thẻ <td> định nghĩa một ô tiêu chuẩn trong bảng HTML. Một bảng HTML có hai kiểu ô: Ô tiêu đề – bao gồm nội dung tiêu đề (được tạo thành từ thẻ <th>) Ô tiêu chuẩn – bao gồm các dữ liệu (được tạo thành từ thẻ <td>) Văn bản bên trong phần tử <th> được bôi đậm và căn giữa theo mặc định. Văn bản bên trong phần tử <td> ở dạng bình thường và căn lề …
Ví dụ Một bảng HTML đơn giản, bao gồm hai cột và hai hàng: Kết quả: Tháng Số tiền kiếm được Tháng 5 4 triệu đồng Định nghĩa và cách dùng Thẻ <tr> định nghĩa một hàng trong bảng HTML. Một phần tử <tr> bao gồm một hoặc nhiều phần tử <th> hoặc <td>. Trình duyệt hỗ trợ Phần tử Chrome IE FireFox Safari Opera <tr> Có Có Có Có Có Sự khác nhau giữa HTML 4.01 và HTML5 Tất cả các thuộc tính layout đều bị loại bỏ trong HTML5. Các thuộc tính Thuộc tính Giá trị Mô tả …
Ví dụ Một bảng HTML đơn giản với các ô tiêu đề cùng các ô dữ liệu: Kết quả: Tháng Số tiền kiếm đước Tháng 1 5 triệu đồng Định nghĩa và cách dùng Thẻ <th> định nghĩa tiêu đề của các cột trong bảng của HTML. Một bảng HTML có hai kiểu ô: Ô tiêu đề – bao gồm thông tin tiêu đề (được tạo ra với phần tử <th>) Ô tiêu chuẩn – bao gồm dữ liệu (được tạo ra với phần tử <td>) Văn bản trong phần tử <th> được bôi đậm và căn giữa theo mặc …
Ví dụ Vẽ một hình vuông màu đỏ và hiển thị nó ra trong phần tử <canvas>: Kết quả: Định nghĩa và cách dùng Thẻ <canvas> được dùng để vẽ đồ hoạ, thông qua các đoạn mã (thường là JavaScript). Thẻ <canvas> chỉ bao gồm các hình vẽ đồ hoạ, bạn phải sử dụng các đoạn mã để thực sự vẽ được các hình. Trình duyệt hỗ trợ Con số trong bảng chỉ phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ tính năng của thẻ. Thẻ Chrome IE FireFox Safari Opera <canvas> 4.0 9.0 2.0 3.1 9.0 Sự …
Ví dụ Một video với hai phụ đề (subtitle): Định nghĩa và cách dùng Thẻ <track> xác định các đoạn text cho các nội dung đa phương tiện (như <audio> và <video>). Phần tử này được dùng để xác định phụ đề, lời chú thích cho file hoặc các file khác chứa văn bản, những cái cần hiển thị khi chương trình media được bật. Trình duyệt hỗ trợ Con số trong bản chỉ phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thẻ. Thẻ Chrome IE FireFox Safari Opera <track> 18.0 10.0 31.0 6.0 15.0 Sự khác nhau …
Ví dụ Một trang vơi ba frame, với một thẻ <noframes>: Định nghĩa và cách dùng Thẻ <noframes> không được hỗ trợ trong HTML5. Thẻ <noframes> là một thẻ dự phòng cho các trình duyệt không hỗ trợ thẻ frames. Nó có thể bao gồm tất cả các phần tử HTML bạn có thể thấy trong phần tử <body> của một trang HTML thông thường. Phần tử <noframes> có thể sử dụng để liên kết với một phiên bản không-frameset của trang web hoặc để hiển thị một thông điệp cho người dùng khi các frames được yêu cầu. Phần …
Ví dụ Một trang với ba frame: Định nghĩa và cách dùng Thẻ <frameset> không được hỗ trợ trong HTML5. Thẻ <frameset> định nghĩa một tập hợp các frame. Phần tử <frameset> chứa một hoặc nhiều phần tử <frame>. Mỗi phần tử <frame> có thể chứa các tài liệu độc lập. Phần tử <frameset> chỉ định CÓ BAO NHIÊU cột hoặc hàng sẽ xuất hiện trong frameset, và có BAO NHIÊU không gian tính theo tỉ lệ phần trăm/pixel chúng sẽ chiếm giữ. Lưu ý: Nếu bạn muốn chuẩn hoá trang bao gồm các frame, cần chắc chắn là <!DOCTYPE> …
Ví dụ Một trang với 3 frame: Định nghĩa và cách dùng Thẻ <frame> không được hỗ trợ trong HTML5. Thẻ <frame> định nghĩa một cửa sổ riêng trong một <frameset>. Mỗi <frame> trong <frameset> có thể có các thuộc tính khác, như đường viền (border), thanh trượt (scrolling), khả năng điều chỉnh kích cỡ, vân vân… Lưu ý: Nếu bạn muốn chuẩn hoá một trang bao gồm các frame, bạn cần chắc chắn là <!DOCTYPE> được thiết lập là “HTML Freameset DTD” hoặc “XHTML Frameset DTD”. Trình duyệt hỗ trợ Thẻ Chrome IE FireFox Safari Opera <frame> Có Có …
Ví dụ Nhúng một ứng dụng Java: Định nghĩa và cách dùng Thẻ <applet> không được hỗ trợ trong HTML5. Sử dụng thẻ <embed> hoặc <object> để thay thế. Thẻ <applet> định nghĩa một ứng dụng (applet) nhúng. Trình duyệt hỗ trợ Element Chrome IE FireFox Safari Opera <applet> Không hỗ trợ Không hỗ trợ Có Có Không hỗ trợ Lưu ý: Vẫn có một số hỗ trợ cho thẻ <applet> trong một số trình duyệt, nhưng cần thêm các plug-in/chương trình cài đặt để làm việc. Lưu ý: Thẻ <applet> được hỗ trợ trong Internet Explorer và các phiên bản …