Doctype html là gì
!Doctype là một đoạn định dạng không phải là html tag, !Doctype Declaration có tác dụng làm cho trình duyệt web biết được website của bạn đang sử dụng phiên bản ngôn ngữ đánh dấu (hay còn gọi markup language) nào.
Cú pháp: <!DOCTYPE>
<!DOCTYPE html> <html> <head> <title>Tiêu đề của bạn</title> </head> <body> Nội dung của website </body> </html>
Những trình duyệt hổ trợ <!DOCTYPE html>
| HTML Tag | |||||
|---|---|---|---|---|---|
| <!DOCTYPE html> | Yes | Yes | Yes | Yes | Yes |
Các bạn có thể thấy <!DOCTYPE html> sẽ được đặt ở đầu website, đây cũng được coi là html chuẩn cho các bạn soạn thảo sau này. Thật ra ở bài này chỉ mang tính chắc giới thiệu, vì các bạn chỉ việc copy đoạn trên lại và sau này cứ việc sử dụng lại. Các bạn có thể view source bất kỳ trang web nào đều sẽ thấy !DOCTYPE nhưng đôi lúc sẽ khác nhau tùy vào mục đích sử dụng của chủ website. Dưới đây là một số dạng !DOCTYPE thông dụng.
Những !DOCTYPE thường gặp trong html
Sử dụng HTML 5
Nếu những ai muốn sử dụng html thì có thể tạm khai báo như sau:
<!DOCTYPE html> <html> <head> <title>Tiêu đề của bạn</title> </head> <body> sử dụng html 5 </body> </html>
Vì htm 5 mới được phát triển nên chưa có DTD (Document Type Definition).
Sử dụng HTML 4.01 Transitional
Sau html5 thì DTD này được sử dụng khá rộng rãi, các bạn dễ dàng bắt gặp trong những website được thiết kế bằng các frameword php. Nó chứa tất cả các thành phần và các thuộc tính HTML và cho phép chúng ta sử dụng thành phần trình bày (như font), không được chứa các frameset
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
Sử dụng HTML 4.01 Strict
DTD này ít được sử dụng trong php, vì nó chỉ chứa đầy đủ các thành phần và thuộc tính HTML nhưng lại không chứa các thành phần định dạng ( như font chữ) và các frameset.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”> <html> <head> <title>Tiêu đề website của bạn</title> </head> <body> Nội dụng html...... </body> </html>
Sử dụng HTML 4.01 Frameset
Với DTD này thì cũng như các DTD của HTML 4.01 trên nhưng bạn có thể có thể sử dụng được các frameset và không sử dụng được thành phần định dạng như font…
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”> <html> <head> <title>Tiêu đề website của bạn</title> </head> <body> Nội dụng html...... </body> </html>
Sử dụng XHTML 1.0 Strict
Nếu ai muốn sử dụng website viết theo hình thức XHTML thì sử dụng DTD này . Nó chứa tất cả các thành phần và các thuộc tính trong HTML, nhưng không bao gồm các thành phần định dạng trang trí (như font), không được chứa các frameset
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html> <head> <title>Tiêu đề website của bạn</title> </head> <body> Nội dụng html...... </body> </html>
Bạn không cần quá quan tâm đến <!DOCTYPE>, nó chỉ mang tính chất khai báo nên bạn có thể copy một loại rồi sử dụng. Mình thì sử dụng php thuần nên đa phần chỉ khai báo đơn giản là <!DOCTYPE html>. Chúc các bạn năm mới vui vẻ, thành đạt và mau chóng trở thành một lập trình viên ^^
