XAY DUNG WEBSITE: CAC THU THUAT HTML VA XHTML

View previous topic View next topic Go down

XAY DUNG WEBSITE: CAC THU THUAT HTML VA XHTML

Post  TranLeTai on Sun May 18, 2008 11:54 pm

Xây dựng Website: Các thủ thuật HTML và XHTML

Bài viết này sẽ giới thiệu với bạn đọc một số thủ thuật HTML và XHTML đang được sử dụng rộng răi.

01. Làm cho mọi thứ ngăn nắp

Nếu bạn có ư định tự ḿnh viết các mă lệnh, hăy làm cho mọi thứ trở nên gọn gàng và quy chuẩn. Sử dụng tab căn ḍng để phân loại cấp độ ḍng lệnh khiến bạn có thể tổ chức các ḍng mă một cách dễ dàng hơn. Bất chấp những ǵ người ta vẫn thường nhắc, hăy coi việc loại bỏ những kư tự trống là không cần thiết bởi điều này chỉ làm giảm không đáng kể thời gian tải trang web của bạn.

Cũng hăy lưu ư rằng, đôi khi có những kư tự trống cần phải được dọn dẹp bớt nếu như chúng làm cho trang Web của bạn hiển thị không đúng trên một số tŕnh duyệt nào đó. Trong nhiều trường hợp, đó là những dấu cách xung quanh các ảnh đồ hoạ đứng cạnh nhau

02. Sử dụng DOCTYPE

DOCTYPE là ǵ vậy? Và tại sao lúc nào nó cũng xuất hiện dưới dạng chữ cái hoa? Chúng tôi chưa t́m ra được câu trả lời cho câu hỏi thứ hai câu hỏi thứ nhất th́ thật đơn giản, DOCTYPE "thông báo" cho một tŕnh duyệt Web về định dạng văn bản mà nó đang hiển thị.

Hăy cẩn thận với điều này bởi nhiều tŕnh duyệt web hiện cùng một trang một cách khác nhau phụ thuộc vào DOCTYPE. Việc loại bỏ DOCTYPE nhiều khả năng sẽ khiến tŕnh duyệt "lúng túng", và sau đó đưa ra thông báo rằng các ḍng lệnh của bạn có vấn đề thậm chí khi bạn đă cố gắng viết lệnh một cách bài bản và chuẩn mực.

Xin xem thêm tại http://www.alistapart.com/stories/doctype .


03. Đừng làm "ṛ rỉ" nội dung

Ngoài lỗi với DOCTYPE, cũng có khả năng khác làm nội dung trang Web của bạn sẽ hiển thị không đúng như bạn mong đợi. Bất cứ những ǵ được đặt sau thẻ đóng HTML sẽ vẫn được hiển thị nhưng bạn sẽ không thể kiểm soát được vị trí của nó và điều này cũng tạo nên một văn bản lỗi.

Cũng tương tự như vậy, nội dung hiển thị trên trang (body content) phải được đặt trong đúng thẻ lệnh thân trang (body tag) đừng vô t́nh nhầm lẫn mà đưa chúng vào giữa các thẻ lệnh ở cấp độ khác, chẳng hạn thẻ lệnh đầu văn bản (head tag).


04. Hạn chế lệnh đánh dấu "loại trừ"


Thuật ngữ "loại trừ” ở đây chỉ những thẻ lệnh HTML đă được tổ chức W3 đánh dấu có thể sẽ không dùng với các tŕnh duyệt trong tương lai. Do đó không có ǵ đảm bảo những thẻ lệnh này sẽ làm việc tốt với các tŕnh duyệt về sau. Chẳng hạn, hăy tránh viết thẻ lệnh BODY và thẻ lệnh FONT với các thuộc tính bên trong nó. Hầu hết các định dạng trong trang web đều có thể thực hiện được một cách hiệu quả hơn qua CSS.

05. Hiểu các quy tắc XHTML

HTML có cú pháp khá lỏng lẻo ở góc độ nào đó, chẳng hạn bạn có thể không cần quan tâm tới việc đóng thẻ đoạn (paragraph tag). Thế nhưng điều đó lại không được phép xuất hiện trong XHTML: tất cả các thẻ phải được đóng và các thuộc tính phải được cho vào dấu ngoặc kép (""). Hơn nữa, tất cả các thẻ và thuộc tính phải viết dưới dạng chữ cái thường. Mặc dù điều này có thể được coi là cứng nhắc song chính nó lại là một ưu điểm của XHTML: quy chuẩn và nguyên tắc.

06. Hăy tránh sử dụng các khung

Khung có vẻ hấp dẫn khi thiết kế song các vấn đề phức tạp phát sinh khi sử dụng chúng ngày càng trở nên rơ ràng. Các trang web không thể được đánh dấu (bookmark) mà không làm mất đi một vài khung nào đó. Các công cụ t́m kiếm thường đặt các trang có khung ở mức ưu tiên thấp trong trang kết quả. Lời khuyên mà chúng tôi đưa ra rất đơn giản: đừng sử dụng chúng. Tất nhiên, trong một vài trường hợp, việc sử dụng khung có thể là cần thiết, nhưng quả thực chúng tôi cũng không đánh giá cao điều này…

07. Đừng nhúng tệp âm thanh

Bạn có thể sử dụng thẻ bgsound để nhúng một đoạn âm thanh vào một tệp (X)HTML. Một khi cả trang web và tệp âm thanh đă được tải xuống, tệp âm thanh đó sẽ chạy theo đúng yêu cầu của bạn trong thuộc tính lặp (loop). Tuy nhiên, hăy hạn chế sử dụng thẻ lệnh này v́ những lí do sau: thứ nhất, hầu hết mọi người sử dụng các tệp MIDI băng thông nhỏ để nhúng và âm thanh đó thật tệ hại; thứ hai, sẽ không có cách nào để người sử dụng có thể tắt thứ âm thanh quái quỷ đó đi (trừ phi họ tắt tiếng của hệ thống loa); và thứ ba, có nhiều cách khác mà bạn có thể sử dụng để đính kèm tệp âm thanh, chẳng hạn QuickTime và Flash.

08. Lời khuyên về đánh dấu logic

HTML là một ngôn ngữ đánh dấu chứ không phải một ngôn ngữ tŕnh diễn. Do đó, bạn hăy luôn sử dụng các thẻ lệnh một cách cẩn thận để làm cho cấu trúc trang trở nên logic, thậm chí ngay cả trường hợp nội dung trang không có ǵ đáng nói.




The main heading

Body copy…

Sub heading

Body copy…


* A list item

* Another list item



Trong đoạn ví dụ trên, đầu mục chính của trang được thể hiện trong thẻ h1 c̣n đầu mục thứ cấp được đặt trong thẻ h2. Các đoạn được đặt trong các thẻ đoạn và các khoản mục danh sách được đặt trong các thẻ tương ứng. Mặc dù điều này có vẻ hiển nhiên song nhiều người lại sử dụng các đoạn được định dạng (style) thay cho các thẻ đầu mục và thẻ thay cho danh sách bởi họ muốn trang nội dung trông "ổn" hơn. Các yếu tố mang tính hiển thị như vậy nên được định nghĩa trong CSS chứ không phải là HTML.


09. Tránh xa thẻ lệnh căn giữa

Vâng, điều đó đúng: một trong những thẻ lệnh định dạng đoạn thông dụng nhất của ngôn ngữ HTML lại là thẻ lệnh mà bạn thực sự không nên sử dụng. Thay vào đó, bạn hăy sử dụng các mẫu định dạng phân tầng (Cascading Style Sheet) để đặt nội dung bạn muốn vào chính giữa trang web của bạn – và thậm chí có thể sử dụng cả các ô bảng.



Theo NHT

TranLeTai

Posts : 46
Join date : 2008-04-09

View user profile

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum