Như Ý's Blog

Home Diary About Me Contact Me
 
Như Ý's Blog - Không chỉ là Blog!
Nhat ky online, Nhat ky blog, Nhu Y Blog, bboy_nonoyes
dam me, cong nghe, it, kinh doanh, khoa hoc thien van
Dich vu SMS NhuY.info, bboy_nonoyes

Liên hệ

Lien he nhuy.info, bboy_nonoyes
Những điều cần tránh khi viết mã HTML và CSS PDF. In Email
Thứ tư, 16 Tháng 11 2011 00:03

Trong thiết kế Web, điều quan trọng nhất là trang Web phải được hiển thị tốt trên hầu hết các trình duyệt. Những lỗi hiển thị xảy ra thường do mã HTML & CSS chưa hợp chuẩn. Sau đây mình sẽ giới thiệu đến các bạn những điều cần tránh khi viết mã HTML và CSS.

Những điều cần tránh khi viết mã HTML và CSS

1. Không bao giờ sử dụng padding cho các đối tượng có độ rộng cố định (fixed width)
Đây là nguyên tắc cơ bản vì cách căn lề của Internet Explorer khác với các trình duyệt khác và cũng là 1 lỗi của trình duyệt này. Lỗi này được gọi là "Box Model Bug" hình dưới là một hình ảnh minh họa cho lỗi này.
Bạn có thể thấy rằng độ rộng của đối tượng "được" cộng thêm khi hiển thị ở IE nếu như có padding. Vậy đơn giản là không dùng padding cho các đối tượng có độ rộng cố định (fixed width).

2. Cố định cỡ chữ bằng đơn vị % và em
Thông thường các browser hiển thị cỡ chữ theo cách khác nhau nếu như bạn chưa định cỡ cho chúng. Khi mới bắt đầu học CSS, chúng ta thường định dạng cỡ chữ theo cách sau:

h1 {font-size:18px;}
h2 {font-size:16px;


Dòng mã là cách cơ bản, nhưng vấn đề là ở IE người xem sẽ không thể thay đổi cỡ chữ. Điều này rất cần thiết với những người để độ phân giải cao. Nhưng bạn đừng lo, có một giải pháp khác tốt hơn, hãy dùng % và em để định dạng cỡ chữ như sau:

body {font-size:62.5%;}
h1 {font-size:1.8em;}
h2 {font-size: 1.6em;}


3. Không nên dùng đơn vị 100%
Sử dụng 100% để căn chiều rộng của một đối tượng rất dễ gặp rủi ro trong việc bố trí kết cấu của website vì mỗi trình duyệt hiển thị chiều rộng 100% rất khác biệt. Theo kinh nghiệm bản thân thì những lần thử định vị 100% thì gần như rất khó có thể đạt được kết quả tốt nhất. Hãy chọn một con số khác có thể là nhỏ hơn 100% (95% có thể sẽ tốt hơn). Hoặc đơn giản hơn là hãy... cố định nó.

4. Không dùng 0px để định chiều cao
Các browser không thích việc bạn chọn 0px để định chiều cao cho đối tượng và thưởng hiển thị nó theo cách bạn... không muốn chút nào. Nếu có thể hãy thay nó bằng 1px sẽ tốt hơn rất nhiều.

height:1px


5. Không dùng ">" trong CSS
Mình đã từng thấy có người, thậm chí rất nhiều người viết mã CSS như sau:

#menubar>a {color:#cccccc;}


Với dòng mã CSS như trên IE6 sẽ không hiểu và không thể hiển thị được định dạng trên. Hãy dùng đoạn mã dưới đây, sẽ an toàn hơn rất nhiều.

#menubar a {color:#cccccc;}


 

Viết bình luận

*

*


Mã bảo mật
Refresh

//

Châm ngôn sống

Mỗi ngày một ý tưởng hay

Mỗi tuần một kế hoạch tốt

Mỗi tháng một chiến lược tầm cỡ

Mỗi năm ta lại một lần khẳng định mình!

Lời hay ý đẹp

Từ vĩ đại trở thành đáng cười chỉ có một bước, nhưng nếu bước thêm bước nữa, đáng cười lại biến thành vĩ đại.

Khảo sát

Bạn biết tới Blog Như Ý từ đâu?
 

Đang truy cập

Hiện có 23 khách Trực tuyến