Thứ Sáu, 20 tháng 12, 2013
HTML XHTML
XHTML là gì?
- XHTML là viết tắt của E X tensible H yper T ext M arkup L anguage
- XHTML là gần giống như HTML 4.01
- XHTML là một phiên bản chặt chẽ và sạch hơn của HTML
- XHTML là HTML được định nghĩa là một ứng dụng XML
- XHTML được hỗ trợ bởi tất cả các trình duyệt chính.
Tại sao XHTML?
Nhiều trang trên internet có "xấu" HTML.
Mã HTML sau đây sẽ làm việc tốt nếu bạn xem nó trong trình duyệt (ngay cả khi nó không tuân theo các quy HTML):
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
XML là một ngôn ngữ đánh dấu nơi các tài liệu phải được đánh dấu một cách chính xác và "tốt được hình thành".
Thị trường hiện nay bao gồm các công nghệ trình duyệt khác nhau. Một số trình duyệt chạy trên máy tính, và một số trình duyệt chạy trên điện thoại di động hoặc các thiết bị nhỏ khác. Các thiết bị nhỏ thường thiếu các nguồn lực hoặc sức mạnh để giải thích một "xấu" ngôn ngữ đánh dấu.
Do đó - bằng cách kết hợp những thế mạnh của HTML và XML, XHTML được phát triển. XHTML là HTML được thiết kế lại như XML.
Sự khác nhau quan trọng nhất từ HTML:
Cấu trúc tài liệu
- XHTML DOCTYPE là mandatory
- Thuộc tính không gian tên XML trong <html> là mandatory
- <html>, <head>, <title>, và <body> là mandatory
XHTML yếu tố
- Yếu tố XHTML phải được lồng nhau đúng cách
- Yếu tố XHTML luôn luôn phải đóng cửa
- Yếu tố XHTML phải được chữ thường
- Tài liệu XHTML phải có một phần tử gốc
Các thuộc tính XHTML
- Tên thuộc tính phải có trong trường hợp thấp hơn
- Giá trị thuộc tính phải được trích dẫn
- Thuộc tính giảm thiểu được cấm
<! DOCTYPE ....> là bắt buộc
Một tài liệu XHTML phải có một khai báo DOCTYPE XHTML.
<html>, <head>, <title>, Và các yếu tố <body> cũng phải có mặt, và thuộc tính xmlns trong <html>, phải xác định không gian tên xml cho tài liệu.
Ví dụ dưới đây cho thấy một tài liệu XHTML với tối thiểu là thẻ yêu cầu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
......
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
......
</body>
</html>
XHTML yếu tố phải được lồng nhau đúng
Trong HTML, một số yếu tố có thể được lồng vào nhau không đúng cách trong mỗi khác, như thế này:
<b><i>This text is bold and italic</b></i>
Trong XHTML, tất cả các yếu tố phải được lồng nhau đúng cách trong mỗi khác, như thế này:
<b><i>This text is bold and italic</i></b>
XHTML yếu tố Luôn luôn phải được đóng lại
Điều này là sai:
<p>This is a paragraph
<p>This is another paragraph
<p>This is another paragraph
Điều này là đúng:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
<p>This is another paragraph</p>
Các yếu tố có sản phẩm nào cũng phải đóng cửa
Điều này là sai:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
Điều này là đúng:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
XHTML yếu tố Must Be Trong trường hợp thấp hơn
Điều này là sai:
<BODY>
<P>This is a paragraph</P>
</BODY>
</BODY>
Điều này là đúng:
<body>
<p>This is a paragraph</p>
</body>
<p>This is a paragraph</p>
</body>
Tên thuộc tính Must Be Trong trường hợp thấp hơn
Điều này là sai:
<table WIDTH="100%">
Điều này là đúng:
<table width="100%">
Giá trị thuộc tính phải được trích dẫn
Điều này là sai:
<table width=100%>
Điều này là đúng:
<table width="100%">
Thuộc tính Giảm thiểu là Tử Cấm
Điều này là sai:
<input checked>
<input readonly>
<input disabled>
<option selected>
<input readonly>
<input disabled>
<option selected>
Điều này là đúng:
<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">
Làm thế nào để Chuyển đổi từ HTML sang XHTML
- Thêm một XHTML <! DOCTYPE> vào dòng đầu tiên của mỗi trang
- Thêm một thuộc tính xmlns đến các yếu tố html của mỗi trang
- Thay đổi tất cả các tên phần tử thành chữ thường
- Đóng tất cả các yếu tố có sản phẩm nào
- Thay đổi tất cả các tên thuộc tính thành chữ thường
- Trích dẫn tất cả các giá trị thuộc tính
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét