HTML : 5 Lổi Thường Gặp
Đối với một số bạn thì việc viết HTML trở thành một câu chuyện hằng ngày cứ phải kể đi kể lại, nhưng khổ đau thay là có một số lỗi cơ bản mà lần nào việt HTML cũng mắc phải, làm tốn thời gian điều chỉnh, chưa kể có khi còn bị nhầm lẫn tag làm lãng phí thời gian.
Bài chia sẻ sau đây nêu lên 5 lỗi cơ bản nhưng có thể cải thiện đáng kể thời gian viết html đấy.
- Lỗi thứ 1: Đóng các thẻ tag không đúng thứ tự VD:
< div >< em >KENVIET< /div >< /em >
Để khắc phục lỗi này, các bạn nênviết hết câu văn trong thẻ <div> trước, rồi sau đó hãy nhét thêm hiệu ứng chữ đậm <strong> , nghiêng <em>, gạch dưới <u> sau nhé. Nếu dùng trong Dreamweaver bạn có thế sử dụngphím tắt Ctrl + B, I, U cho thứ tự các hiện ứng trên. - Lỗi thứ 2: Dùng “id” hoặc “class” giống nhau. Lỗi này hay gặp ở những bạn mới cắt HTML cho website. VD: Ở phần tiêu đề nội dung có: <div class=”tieude”> kenviet dep trai</div> Ở phần tiêu đề của bài viết cột bên phải của page có: <div class=”tieude”> kenviet dep trai </div> Cả 2 đều là dạng tiêu đề nhưng cần định dạng khác nhau tương ứng với vịtrí khác nhau, với lối đặt tên như cách trên gây nhầm lẫn và làm rốiweb của mình đấy.
Khắc phục lỗi này, bạn nên đánh thêm 1 vài ký tự chỉ vị trí cho tất cả các tên “id”, “class” như: bên phải là “r_”, đầu trang là “h_”, cuối trang là “f_” … hoặc một ký hiệu nào đó tùy bạn nhé.
Các lỗi trên bạn có thể sửa như sau: Ở phần tiêu đề nội dung có: <div class=” content_ tieude”>kenviet dep trai </div> Ở phần tiêu đề của bài viết cột bên phải của page có: <div class=” r_ tieude”> dep trai haha </div> - Lỗi thứ 3: Viết hoa các tag: VD: <P></P> hoặc <DIV></DIV>
- Lỗi thứ 4: Sử dụng vừa Style ngay trong file html, vừa nằm ở một fileriêng.
Dù rằng style ngay trong file html luôn chạy nhanh nhưng sẽ làm rối lên nếu website có nhiều style.Và một điểm làm **** đầu người viết html là trường hợp tên style trong file html giống với tên style trong css, điều này làm khó chịu khi cần kết hợp 2 cái lại cho gọn. Vậy nên các tốt nhất là bạn hãy chọn 1 trong 2 cách trên thôi, đừng làm vừa này vừa kia rồi sau này nhập lại thì chẳng khác nào nước muối trộn nước đường đấy. - Lỗi thứ 5: Không phân biệt được khi nào nên dùng đơn vị %, khi nào nên dùng đơn vị pixel để cố định trang. Đây không phải là lỗi nhưng nếu sử dụng không nhuần nhuyễn thì trang web sẽ trở nên rất kỳ cục khi được hiện thị ở một màn hình khác màn hình thiết kế, như vậy làm người xem khó chịu và cho rằng website này không chuyên nghiệp.
Có nhiều website được thiết kế với màn hình 1280×800 hoặc 1366×768 … và cho thuộc tính “width=100%” toàn website và “width” của cột right là 35% . Màn hình hiển thị thật tuyệt vời, nhưng tiếc thay khi hiển thị web đó trên màn hình 1024×800 thì cột right trở nên xấu xí do 30% của 1024px thì nhỏ hơn, có lẽ việc này các bạn rành hơn cả mình.
Vậy nên, mình gợi ý các bạn có thể sử dụng như sau nhé: Đơn vị%: bạn nên dùng cho những bố cục lớn và thay đổi theo trang như bề rộng của cột nội dung của website (thường nằm bên trái) … Đơn vị pixel: dùng cho những bốc cục cần chắc chắn và không thay đổi theo các trang như cột cố định right, footer, header …
Hiện nay, các website thường cố định luôn bề ngang là 1000 hoặc 1004 để không bị biến đổi khi hiển thị ở những màn hình khác nhau. Trên đây là một số lỗi nhỏ nhặt nhất nhưng nếu mắc phải thì sẽ làm mất rất nhiều thời gian cho người viết html, các bạn lưu ývà hoàn thiện kỹ năng viết html cho mình nhé.
KENVIET(st)
[/