Phần 1 HTML
Bách khoa toàn thư mở Wikipedia
HTML (Tiếng Anh, viết tắt cho HyperText Markup Language, hay là "Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web. HTML được định nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức tạp. HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì. Phiên bản chính thức mới nhất của HTML là HTML 4.01 (1999). Sau đó, các nhà phát triển đã thay thế nó bằng XHTML. Hiện nay, HTML đang được phát triển tiếp với phiên bản HTML5 hứa hẹn mang lại diện mạo mới cho Web.
Bằng cách dùng HTML động hoặc Ajax, lập trình viên có thể được tạo ra và xử lý bởi số lượng lớn các công cụ, từ một chương trình soạn thảo văn bản đơn giản – có thể gõ vào ngay từ những dòng đầu tiên – cho đến những công cụ xuất bản WYSIWYG phức tạp.
HTML không phải là ngôn ngữ lập trình, nó là ngôn ngữ trình bày.
Mục lục
- 1Đánh dấu
- 2Golf
- 3Tách phần trình bày và nội dung
- 3.1Định nghĩa kiểu tài liệu (DTD)
- 4Xem thêm
- 5Tham khảo
- 6Liên kết ngoài
Đánh dấu
Có bốn loại phần tử đánh dấu trong HTML:
- Đánh dấu Có cấu trúc miêu tả mục đích của phần văn bản (ví dụ,
Golf
- sẽ điều khiển phần mềm đọc hiển thị "Golf" là đề mục cấp một),
- Đánh dấu trình bày miêu tả phần hiện hình trực quan của phần văn bản bất kể chức năng của nó là gì (ví dụ,
<b>boldface</b>sẽ hiển thị đoạn văn bản boldface) (Chú ý là cách dùng đánh dấu trình bày này bây giờ không còn được khuyên dùng mà nó được thay thế bằng cách dùng CSS), - Đánh dấu liên kết ngoài chứa phần liên kết từ trang này đến trang kia (ví dụ,
<a href="http://www.quotesplusvn.com/">Quotes Plus</a>sẽ hiển thị từ Quotes Plus như là một liên kết ngoài đến một URL) cụ thể, và - Các phần tử thành phần điều khiển giúp tạo ra các đối tượng (ví dụ, các nút và các danh sách).
Tách phần trình bày và nội dung
Nỗ lực tách phần nội dung ra khỏi phần hình thức trình bày của trang HTML đã đưa đến sự xuất hiện của các chuẩn mới như XHTML. Các chuẩn này nhấn mạnh vào việc sử dụng thẻ đánh dấu vào việc xác định cấu trúc tài liệu như phần đề mục, đoạn văn, khối văn bản trích dẫn và các bảng, chứ không khuyên dùng các thẻ đánh dấu mang tính chất trình bày trực quan, như
<font>, <b> (in đậm), và <i> (in nghiêng). Những mã mang tính chất trình bày đó đã được loại bỏ khỏi HTML 4.01 Strict và các đặc tả XHTML nhằm tạo điều kiện cho CSS. CSS cung cấp một giải pháp giúp tách cấu trúc HTML ra khỏi phần trình bày của nội dung của nó. Xem phần tách nội dung và trình bày.Định nghĩa kiểu tài liệu (DTD)
Tất cả các trang HTML nên bắt đầu với một khai báo Định nghĩa kiểu tài liệu (hay DTD). Ví dụ:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Ở đây, HTML định nghĩa một tài liệu tuân thủ Strict DTD của HTML 4.01, mà thuần túy là cấu trúc, nhường phần định dạng cho Các bảng trình bày xếp lớp. Các DTD khác, bao gồm Loose, Transitional, và Frameset, định nghĩa các quy tắc khác cho việc sử dụng ngôn ngữ.
Phần 2 XHTML
Bách khoa toàn thư mở Wikipedia
XHTML (viết tắt của tiếng Anh Extensible HyperText Markup Language, "Ngôn ngữ Đánh dấu Siêu văn bản Mở rộng") là một ngôn ngữ đánh dấu có cùng các khả năng như HTML, nhưng có cú pháp chặt chẽ hơn. XHTML 1.0 là Khuyến cáo của World Wide Web Consortium (W3C) vào ngày 26 tháng 2, 2000.
Mục lục
- 1Tổng quan
- 2Một số khác biệt giữa HTML và XHTML
- 2.1Các phần tử phải được lồng nhau đúng cách
- 2.2Phải có đặt ở dạng chuẩn (well-formed)
- 2.3Tên gọi của thẻ đều phải viết thường
- 2.4Tất cả các phần tử XHTML phải được đóng lại
- 2.5Các phần tử rỗng cũng phải được đóng lại
- 2.5.1Chú ý quan trọng
- 2.6Các giá trị của thuộc tính phải được đặt trong dấu nháy kép
- 2.7Việc tối giản thuộc tính là bị nghiêm cấm
- 3Xem thêm
- 4Tham khảo
- 5Liên kết ngoài
Tổng quan
Về phương diện kĩ thuật, XHTML là một họ các kiểu tài liệu hiện tại và tương lai cùng các mô đun nhằm tái tạo lại, mở rộng, thâu nạp HTML, tái cấu trúc lại dưới dạng XML. Các dạng tài liệu thuộc họ XHTML tất cả đều dựa trên XML, và được thiết kế để làm việc tuyệt đối với các trình đại diện người dùng hiểu XML. XHTML là thế hệ kế tiếp HTML, và đã có một loại các đặc tả được phát triển cho XHTML.
Một số khác biệt giữa HTML và XHTML
Các phần tử phải được lồng nhau đúng cách
Trong HTML một số phần tử có thể được lồng vào nhau không đúng cách như thế này.
<b><i>This text is bold and italic</b></i>
Trong XHTML tất cả các phần tử phải được lồng vào nhau đúng cách như thế này:
<b><i>This text is bold and italic</i></b>
Chú ý: Một lỗi thường thấy ở các danh sách gạch đầu dòng lồng vào nhau mà quên mất rằng danh sách bên trong phải được đặt trong phần tử li. Ví dụ:
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
<li>Milk</li>
</ul>
Đây mới là đúng:
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
Phải có đặt ở dạng chuẩn (well-formed)
Tất cả các phần tử XHTML phải được đặt lồng bên trong phần tử gốc
<html>. Tất cả các phần tử khác có thể có các phần tử con. Các phần tử con phải đi theo cặp và phải được đặt lồng nhau đúng cách bên trong phần tử mẹ. Cấu trúc tài liệu cơ bản là:<html> <head>... </head> <body>... </body> </html>
Tên gọi của thẻ đều phải viết thường
Do XHTML kế thừa cú pháp của XML và mỗi trang XHTML đều là các ứng dụng XML cho nên XHTML có phân biệt chữ hoa chữ thường, điều không có ở HTML. Với HTML thì các thẻ như
<br> và <BR> là hiểu là giống nhau nhưng một khi bạn đã xác định trang web của bạn là XHTML thì trình duyệt sẽ dịch hai thẻ này là khác nhau.
HTML chấp nhận cách viết dưới:
<BODY> <P>This is a paragraph</P> </BODY>
XHTML đòi hỏi phải viết lại phần trên thành:
<body> <p>This is a paragraph</p> </body>
Tất cả các phần tử XHTML phải được đóng lại
Phần tử không rỗng phải có một thẻ đóng. HTML chấp nhận cách viết dưới:
<p>This is a paragraph <p>This is another paragraph
XHTML đòi hỏi phải viết lại phần trên thành:
<p>This is a paragraph</p> <p>This is another paragraph</p>
Các phần tử rỗng cũng phải được đóng lại
Các phần tử rỗng hoặc là phải có thể đóng hoặc là thẻ khởi đầu phải được kết thúc bằng
/>. HTML chấp nhận cách viết dưới:This is a break<br> Here comes a horizontal rule:<hr> Here's an image <img src="happy.gif" alt="Happy face">
XHTML đòi hỏi phải viết lại phần trên thành:
This is a break<br /> Here comes a horizontal rule:<hr /> Here's an image <img src="happy.gif" alt="Happy face" />
Chú ý quan trọng
Để làm cho trang XHTML tương thích với các trình duyệt hiện nay thì nên đặt một khoảng trắng thêm vào trước kí tự
/ kiểu như <br />, và:<hr />
Các giá trị của thuộc tính phải được đặt trong dấu nháy kép
HTML chấp nhận cách viết dưới:
<table width=100%>
XHTML đòi hỏi phải viết lại phần trên thành:
<table width="100%">
Việc tối giản thuộc tính là bị nghiêm cấm
HTML chấp nhận cách viết dưới:
<dl compact><input checked><input readonly><input disabled><option selected><frame noresize>
XHTML đòi hỏi phải viết lại phần trên thành:
<dl compact="compact"><input checked="checked" /><input readonly="readonly" /><input disabled="disabled" /><option selected="selected" /><frame noresize="noresize" />
Phần 3 HTML5
Bách khoa toàn thư mở Wikipedia
| HTML5-logo.svg | |
| Phần mở rộng tên file | .html |
|---|---|
| Internet media type | text/html |
| Type code | TEXT |
| Uniform Type Identifier | index.html[1] |
| Phát triển bởi | World Wide Web Consortium và WHATWG |
| Phát hành lần đầu | 28 tháng 10, 2014[2] |
| Bản mới nhất | HTML 5 HTML 5.1(working draft) |
| Kiểu định dạng | Ngôn ngữ đánh dấu |
| Được mở rộng thành | XHTML5 (XML-serialized HTML5) |
| Tiêu chuẩn | W3C HTML5 W3C HTML 5.1 |
| Định dạng mở? | Có |
HTML5 là một ngôn ngữ cấu trúc và trình bày nội dung cho World Wide Web và sẽ là công nghệ cốt lõi của Internet trong tương lai không xa, được đề xuất đầu tiên bởi Opera Software. Đây là phiên bản thứ 5 của ngôn ngữ HTML - được tạo ra năm 1990 và chuẩn hóa như HTML4 năm 1997 - và xuất hiện vào tháng 12 năm 2012, là 1 ứng viên được giới thiệu bởi World Wide Web Consortium (W3C). Mục tiêu cốt lõi khi thiết kế ngôn ngữ là cải thiện khả năng hỗ trợ cho đa phương tiện mới nhất trong khi vẫn giữ nó dễ dàng đọc được bởi con người và luôn hiểu được bởi các thiết bị và các chương trình máy tính như trình duyệt web, phân tích cú pháp, v.v... HTML5 vẫn sẽ giữ lại những đặc điểm cơ bản của HTML4 và bổ sung thêm các đặc tả nổi trội của XHTML, DOM cấp 2,[3] đặc biệt là JavaScript.
Là phiên bản tiếp sau của HTML 4.01 và XHTML 1.1, HTML5 phản ánh thực tế rằng HTML và XHTML được sử dụng phổ biến trên World Wide Web là một hỗn hợp các tính năng với các thông số kĩ thuật khác nhau, được giới thiệu bởi nhiều nhà sản xuất phần mềm, cùng với các sản phẩm phần mềm được giới thiệu như trình duyệt web, những người thành lập phổ biến thực tế và có quá nhiều lỗi cú pháp trong các văn bản web. Đây là một nỗ lực để xác định một ngôn ngữ đánh dấu duy nhất có thể được viết bằng cú pháp HTML hoặc XHTML. Nó bao gồm các mô hình xử lý chi tiết để tăng tính tương thích, mở rộng, cải thiện và chuẩn hóa các đánh dấu có sẵn cho tài liệu, đưa ra các đánh đấu mới và giới thiệu giao diện lập trình ứng dụng (application programming interfaces API) để tạo ra các ứng dụng Web phức tạp. Cùng một lý do như vây, HTML5 là một ứng cử viên tiềm năng cho nền tảng ứng dụng di động. Nhiều tính năng của HTML5 được xây dựng với việc xem xét chúng có thể sử dụng được trên các thiết bị di động như điện thoại thông minh và máy tính bảng hay không. Trong tháng 12 năm 2011, công ty nghiên cứu Strategy Analytics dự báo doanh số bán hàng của điện thoại tương thích HTML5 sẽ đứng đầu 1 tỷ vào năm 2013.[4]
Đặc biệt, HTML5 có thêm nhiều tính năng cú pháp mới. Chúng bao gồm các thẻ mới như <video>, <audio> và các thành phần <canvas>, cũng như sự tích hợp của đồ họa vector có khả năng mở rộng (Scalable Vector Graphics) nội dung (thay thế việc sử dụng thẻ chung <object>) và MathML cho các công thức toán học. Những tính năng này được thiết kế để làm cho nó dễ dàng bao quát, xử lý đa phương tiện và nội dung đồ họa trên web mà không cần phải dùng đến quyền sở hữu bổ sung và APIs. Các yếu tố mới khác, chẳng hạn như <section>, <article>, <header> và <nav>, được thiết kế để làm phong phú thêm nội dung ngữ nghĩa của tài liệu. Thuộc tính mới đã được giới thiệu với mục đích tương tự, trong khi một số yếu tố và các thuộc tính đã được loại bỏ. Một số yếu tố, chẳng hạn như <a>, <cite> và <menu> đã được thay đổi, xác định lại hoặc chuẩn hóa. APIs và Document Object Model (DOM) không phải suy nghĩ muộn hơn quá nhiều, nhưng là bộ phận cơ bản của đặc điểm kỹ thuật HTML5. HTML5 cũng xác định cụ thể một số các xử lý cần thiết cho các tài liệu không hợp lệ để các lỗi cú pháp sẽ được xử lý thống nhất của tất cả các trình duyệt phù hợp và các tác nhân người dùng khác.[5]
0 comments:
Post a Comment