I 3J avaScript sam plecode M tciosofl nternet Explorer HË 3]
154 Chướng 6: Nhúng JavaScript trong một trang Web
• • • • • • •
Thủ thuật
Hãy tập thĩi quen tạo tất cả tài liệu HTML sử dụng các tên thẻ chữ thường, các thẻ được xếp lồng đúng cách và các giá trị thuộc tính được trích dẫn đúng cách. Sẽ cĩ lợi cho bạn khi bạn muến bắt đầu tạo các tài liệu XHTML 1.0, bởi vì XHTML cĩ nhữtig quy tắc rất chặt chẽ.
Cĩ lẽ b ạn đã quen thuộc với các điểm cơ b ả n của HTM L. N ếu khơng, vì nén m ột bài trợ giảng về HTML vào m ột chương th ì k h ơ n g k h ả th i, do đĩ m ột d an h sách các web site hữu dụng được đưa vào cuối chương nàỵ
Biểu thị loại tài liệu bằng < !D O CTYPE>
Chỉ cĩ m ột cách để biểu th ị cho m ơt tr ìn h duyệt (hay b ấ t kỳ ứng dụng khác đọc file HTML) phiên b ản HTM L m à tra n g web được viết cho: <!DOCTYPE>. Cho đến cách đây m ột vài n ăm th ẻ n ày đ ã được bỏ qua hồn to àn bởi các trìn h duyệt web. Nhưng các p h iê n b ả n gần đầy của các trìn h duyệt tìm m ã này để quyết đ ịn h tậ p hợp quy tắc nào để sử dụng tro n g việc hiểu tra n g web.
Một tà i liệu HTML tuân theo thơng số HTML 4.01 sẽ đ ặt <!DOCTYPE> sau đầy làm dịng đầu tiên của tran g th ậm chí trước th ẻ <htm l>:
<!D0CTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loosẹdtd”>
N ếu m ộ t t r ì n h d u y ệ t g ặ p p h ả i m ộ t t r a n g w eb sử d ụ n g th ẻ <!DOCTYPE> này, trìn h duyệt sẽ m ong đợi m ã HTM L 4.01 T ra n si tional hợp lệ tro n g p h ần cịn lại của tài liệụ T ra n sitio n a l HTML bao gồm t ấ t cả th ẻ khơng được tá n th à n h (chẳng h ạ n n h ư <font>). Cũng cĩ một phiên b ản của HTML được gọi là S tric t k h ơng bao gồm rá f thi’ khơng được tá n th à n h và m ột phiên bản khác được gọi là F ra m e se t cho phép các khung (frame) trìn h duyệt được tạọ (Các fram e trìn h duyệt sẽ được xem x ét tro n g chương 10).
Nếu chúng ta muơn sử dụng m ột p h iên b ả n k h ác của HTM L, như XHTML (phiên b ản phù hợp XML của HTML), chúng ta sử dụng m ột <!DOCTYPE> khác như saũ:
<!D0CTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtcl”>
Khi m ột trìn h duyệt gặp phải <!DOCTYPE> này, nĩ b iế t xem nội dung là XHTML 1.0 T ransitional. P hụ thuộc vào tr ìn h duyệt, điều này cĩ th ể hơi khác cách xử lý m ã HTML 4.01.
Thêm một tiêu dề và định nghĩa các từ khĩa tài liệu
P h ần tử h ead HTML chứa thơng tin về tà i liệu h iệ n h à n h chẳng h ạn như tiêu đề, và các từ khĩa và dữ liệu khác vốn k h ơng được xem là nội
Chướng 6: Nhúng JavaScript trong một trang Web 155
dung. Thẻ <title> HTML được sử dụng để xác định m ột tiêu đề cho tài liệu, và nĩ b ắ t buộc trong HTML 4.01.
< h t m l > <head>
<title>This is the document title</title> </head>
<body></body- </html>
Nội dung của th ẻ <title> thường hiển th ị trong th a n h tiêu đề của cửa sổ, n h ư b ạn cĩ th ể th ấy ở đây:
z3 f 13 t b c đ o c u m c n l litte - M tc io s o ỉỉ In te rn e ! E x p lo ie i H B *3 ị
stock H * I B
ù : - i ) &
ị j tíị&ỹ . * ‘fisftÿtffl t •'S tep ' ftefreth Hom«
ị ' 0 *
1 S e « c h o
Tùv ý, bạn cĩ th ế xác định một số từ khĩa để làm cho các bộ m áy tìm kiếm In te r n e t t i n .v<;b site của bạn m ột cách dễ dàng. Các từ khĩa và một' mơ tả n g ắn gọn vồ tran g W f ì b cĩ th ể được xác định sử dụng th ẻ <m eta>. Ví dụ, nếu bạn cĩ một tran g tập tru n g vào các v ật cưng ngoại hú, bạn cĩ th ể cĩ các tỉiẻ <meta> sau đây:
<meta namếdescription" content=”Articles, pictures, and stories about exotic pets” '■
<meta name=’'keywords'’ content=”exot'c pets, reptiles, amphibians, frog, toad, salamander, newt, siren, lizard, iguana, gecko, monitor, chameleon, dragons, turtles, tortoises, leopard, butterfly, butterflies, moth, bees flies, stick insects,
beetles, wasps, homei, roaches, ants, cricket, grasshopper, tarantula, scorpion, centipede, millipede”?
Khi được sử dụng đế xác định các mơ tả và từ khĩa tra n g web, th ẻ <m eta> địi hỏi h ai thuộc tính: name (tên) và co n ten t (nội dung). Trong m ã trước, th ẻ <m eta> đầu tinn xác lập phần mơ tả cho tra n g web - một hoặc h ai câu thường được hiển thị bởi các bộ m áy tìm kiếm In te rn e t để cho các k h ách th a m quan tiềm năng m ột mơ tả chính xác về những gì cần m ong đợi từ tra n g nàỵ
T hẻ <m eta> th ứ hai trong ví dụ định n g h ĩa m ột số từ khĩa (key word) - các từ hoặc cụm từ được tách biệt bởi các dấu phẩy nhằm giúp các bộ m áy tìm kiếm trong việc tạo index tran g . M ột số bộ m áy tìrâ kiếm In te r n e t xếp h ạn g các tran g web bằng các th ẻ <m eta> này cao hơn so với chúng cĩ th ể làm cùng m ột tra n g khơng cĩ th ẻ <meta>.