Có gì mới trong html5?
Html/CSS
middle
HTML5 bổ sung rất nhiều tính năng mới:
Doctype mới
Bạn vẫn đang sử dụng loại tài liệu XHTML khó ghi nhớ đó?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Nếu vậy, tại sao? "Chuyển sang loại tài liệu HTML5 mới. Bạn sẽ sống lâu hơn" – trích từ Douglas Quaid.
<!DOCTYPE html>
Cấu trúc mới
<section> - để xác định các phần của trang
<header> - xác định tiêu đề của một trang
<footer> - xác định chân trang của một trang
<nav> - xác định điều hướng trên một trang
<article> - xác định bài viết hoặc nội dung chính trên một trang
<aside> - xác định nội dung bổ sung như thanh bên trên một trang
<figure> - xác định hình ảnh chú thích một bài báo
Các thẻ inline mới
Các thẻ inline này định nghĩa một số khái niệm cơ bản và giữ cho chúng được đánh dấu về mặt ngữ nghĩa, chủ yếu là liên quan đến thời gian:
<mark> - để biểu thị nội dung được đánh dấu theo một cách nào đó
<time> - để biểu thị nội dung là thời gian hoặc ngày tháng
<meter> - để chỉ ra nội dung là một phần nhỏ của phạm vi đã biết - chẳng hạn như việc sử dụng ổ cứng
<progress> - để cho biết tiến trình hoàn thành của một tác vụ
Các loại biểu mẫu mới
<input type = "datetime">
<input type = "datetime-local">
<input type = "date">
<input type = "month">
<input type = "week">
<input type = "time">
<input type = "number">
<input type = "range">
<input type = "email">
<input type = "url">
Các thẻ mới
<canvas> - Cung cấp cho bạn không gian để vẽ lên website. Nó cho phép bạn thêm hình ảnh hoặc đồ thị hoặc tạo đồ thị động trong website của bạn.
<video> - dùng để thêm video vào trang web.
<audio> - dùng để thêm âm thanh vào trang web.
Không cần type trong thẻ scripts và links
Ta có thể xóa tất cả thuộc tính type trong thẻ <link> và thẻ <script> như ví dụ sau:
<link real"stylesheet" herf="path/to/stylesheet.css" type="text/css"/> à <link real"stylesheet" herf="path/to/stylesheet.css" />
<script type="text/javascript" src="path/to/script.js></script> à <script src="path/to/script.js></script>
Làm cho content của bạn có thể chỉnh sửa
Các trình duyệt mới có một thuộc tính mới tiện lợi có thể được áp dụng cho các phần tử, được gọi là contenteditable.
Thuộc tính này cho phép người dùng chỉnh sửa bất kỳ văn bản nào có trong phần tử, bao gồm cả phần tử con của nó. Có thể áp dụng vào ứng dụng như: danh sách việc cần làm, tận dụng lợi thế của bộ nhớ cục bộ.
<h2>To-Do List</h2>
<ul contenteditable="true">
<li>Break mechanical cab driver.</li>
<li>Drive to abandoned factory</li>
<li>Watch video of self</li>
</ul>
Attributes
"require" đề cập đến trường biểu mẫu được yêu cầu.
"autofocus" đặt con trỏ vào trường nhập.
Các câu hỏi khác
Blog