Bài giảng Lập trình Web - Phần 2: Ngôn ngữ XHTML - Nguyễn Hoàng Tùng

NGÔN NGỮ XHTML  Nguyễn Hoàng Tùng  Bộ môn Kỹ thuật phần mềm  nhoangtung@agu.edu.vn  www.nhtung.com Nội dung chính của slide này XHTML là gì? Tại sao lại dùng XHTML? Yêu cầu về cú pháp XHTML. 16/08/2014 Lập trình Web 2 XHTML là gì? XHTML: eXtensible HyperText Markup Language. Là sự kết hợp giữa HTML và XML, XHTML bao gồm tất cả các thành phần của HTML, kết hợp với cú pháp nghiêm ngặt của XML. XHTML được W3C xem như là một chuẩn trong lập trình web (W3C Recommendation) và hiện nó đang được dùng để thay thế cho HTML. 16/08/2014 Lập trình Web 3 Lịch sử phát triển 1989: HTML ra đời bởi Tim Berners-Lee dựa trên cơ sở của ngôn ngữ SGML (Standard Generalized Markup Language), 1990: HTML 1.0 được đưa vào sử dụng, 1994: HTML 2.0, 1996: HTML 3.2, 1999: HTML 4.01 (chuẩn phổ biến), 2000: XHTML 1.0 (chuẩn phổ biến), 2001: XHTML 1.1, Tim Berners-Lee 2002: XHTML 2.0, 2008: HTML 5 ra đời với nhiều tính năng nổi bật. 16/08/2014 Lập trình Web 4 Tại sao lại dùng XHTML? Có quá nhiều lỗi về cú pháp HTML ở các trang trên internet. 16/08/2014 Lập trình Web 5 Yêu cầu về cú pháp XHTML Về cấu trúc tài liệu: Phải chứa các thành phần bắt buộc (DOCTYPE, html, head, title, body). Về cách trình bày thẻ: Tên thẻ phải viết thường (lower case), Thẻ không có thẻ đóng (img, input,) sẽ kết thúc bằng />, Các thẻ có thể lồng nhau, nhưng không đan xen lẫn nhau. Về cách trình bày thuộc tính: Tên thuộc tính phải viết thường (lower case), Giá trị của thuộc tính phải đặt trong cặp dấu nháy (" "), Thuộc tính rút gọn bị cấm sử dụng. 16/08/2014 Lập trình Web 6 Yêu cầu về cấu trúc tài liệu Phải chứa các thành phần bắt buộc (DOCTYPE, html, head, title, body). First Page Wellcome to XHTML! 16/08/2014 Lập trình Web 7 Yêu cầu về cách trình bày thẻ Tên thẻ phải viết thường (lower case). Cú pháp sai: Cú pháp đúng: 16/08/2014 Lập trình Web 8 Yêu cầu về cách trình bày thẻ Thẻ không có thẻ đóng (img, input,) sẽ kết thúc bằng /> Cú pháp sai: Cú pháp đúng: 16/08/2014 Lập trình Web 9 Yêu cầu về cách trình bày thẻ Các thẻ có thể lồng nhau, nhưng không đan xen lẫn nhau. Cú pháp sai: Cú pháp đúng: 01/08/2012 Lập trình Web 10 Yêu cầu về cách trình bày thuộc tính Tên thuộc tính phải viết thường (lower case). Cú pháp sai: Cú pháp đúng: 16/08/2014 Lập trình Web 11 Yêu cầu về cách trình bày thuộc tính Giá trị của thuộc tính phải đặt trong cặp dấu nháy. Cú pháp sai: Cú pháp đúng: 16/08/2014 Lập trình Web 12 Yêu cầu về cách trình bày thuộc tính Thuộc tính rút gọn bị cấm sử dụng: Cấu trúc sai: Cấu trúc đúng: 16/08/2014 Lập trình Web 13 Yêu cầu về cách trình bày thuộc tính Sau đây là danh sách các thuộc tính rút gọn trong HTML, và cú pháp đúng trong XHTML: 16/08/2014 Lập trình Web 14 Giải đáp thắc mắc 16/08/2014 Lập trình Web 15