Bài giảng Lập trình web - 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, 
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 
Tim Berners-Lee 
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). 
16/08/2014 Lập trình Web 7 
 First Page 
 Wellcome to XHTML! 
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