Bài giảng Lập trình Web (Nguyễn Hoàng Tùng) Chương 2
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (723.3 KB, 15 trang )
NGƠN NGỮ XHTML
Nguyễn Hồng Tùng
Bộ mơn Kỹ thuật phần mềm
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).
<!DOCTYPE html>
<html>
<head>
<title>First Page</title>
</head>
<body>
Wellcome to XHTML!
</body>
</html>
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:
<TABLE width="100%">
Cú pháp đúng:
<table width="100%">
16/08/2014
Lập trình Web
8
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:
<input type="text" size="50">
Cú pháp đúng:
<input type="text" size="50" />
16/08/2014
Lập trình Web
9
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
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:
<table WIDTH="100%">
Cú pháp đúng:
<table width="100%">
16/08/2014
Lập trình Web
11
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:
<table width=100%>
Cú pháp đúng:
<table width="100%">
16/08/2014
Lập trình Web
12
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:
<input checked>
<option selected>
<frame noresize>
Cấu trúc đúng:
<input checked="checked" />
<option selected="selected" />
<frame noresize="noresize" />
16/08/2014
Lập trình Web
13
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
