[Codevivu] – chào các bạn hôm nay tôi sẽ chia sẽ cho các bạn những lời khuyên hữu ích khi sử dụng HTML trong thiết kế website. Đối với HTML chắc cũng không còn xa lạ gì nữa phải không nào. Nhưng đôi khi chung ta luôn quên đi những quy định chung của nó. Cụ thể là gì cùng tôi tìm hiểu nhé !.
Dưới dây là 10 lời khuyên hữu ích cho những ai mới làm quen với HTML cũng như những ai đã biết có thể khắc ghi xâu hơn nhé.
1. Luôn đóng các thẻ HTML của bạn.
khi chung ta khai báo một thẻ HTML thì luôn luôn có những thẻ đống của nó.
<b>Động vật yêu thích của tôi là con ngựa và con voi.</b>
<p>Động vật yêu thích của tôi là con ngựa và con voi.</p>
Điều này sẽ đảm bảo rằng các trang HTML của bạn hoạt động đúng trên tất cả các trình duyệt, và sẽ giúp đỡ để ngăn chặn bất kỳ vấn đề lạ xảy ra trong các trang của bạn! Điều này đặc biệt quan trọng với thẻ chẳng hạn như:
<div> <span> <table> <tr> <td >
Và sẽ luôn có những trường hợp ngoại lệ thẻ HTML sẽ không có thẻ đống như thẻ dùng để ngắn dòng
<br>
và thẻ dùng để chèn hình ảnh
<img>
2. Chúng ta có thể sử dụng style sheets ngay trên thẻ HTML
HTML cho phép chung ta dung style sheets ngay trên chúng hoac có thể sử dụng một file css riêng dể truy xuất dinh dạng lại các thẻ HTMl cần thiết.
<p style="color:red"> Tôi yêu lập trình</p>
p {
color:red;
}3. Kiểm tra code HTML trước khi sử dụng.
Đó là một ý tưởng tuyệt vời để chạy các trang web của bạn thông qua một chương trình kiểm tra HTML trước khi xuất bản chúng trên trang web của bạn. Các chương trình này sẽ nhận các vấn đề tiềm năng như thiếu thẻ đóng và không làm việc đúng trên tất cả các trình duyệt. Đừng quên – chỉ vì trang web của bạn trông tuyệt vời trong trình duyệt mà bạn đang xem không có nghĩa là nó sẽ làm việc trên các trình duyệt khác!
Xác nhận HTML cũng là một cách tốt để tìm hiểu về cách chính xác để sử dụng các thẻ HTML – thông qua đó bạn có thể học hỏi từ những sai lầm của bạn!
Một số trình xác nhận miễn phí tốt trên Web bao gồm các W3C Markup Validation Service và WDG HTML Validator
4. Luôn Comments cho các dòng code HTMl của bạn.
Bạn sẽ ra sau khi phải chỉnh xửa một doạn HTMl dài hàng trăm dòng có khi hàng nghìn dòng và thật sự không biết đoạn nào mình cần phải xửa. Đồi hỏi phải có một sự tỹ mỹ trong cách trình bài của chúng ta. để làm điều này chúng ta phải comments nội dung từng phân đoạn chức năng trong trang của bạn với khóa.
<!-- Nội dung comments -->
Bạn hãy yên tam dòng code này sẽ không xuất hiện trên trang của bạn. Nó giúp bạn dể dàng hơn trong việc chỉnh sửa sao này hãy nhớ nhé.
5. Nhúng hình ảnh trong HTML
image nằm trong ổ đĩa D:/ của các bạn.Đường dẫn tương đối :
<img src="./image/image-file.jpg">
Đường dẫn tuyệt đối :
<img src="file: ///D://image/image-file.jpg">
Ở đây tôi khuyên các bạn nên dùng dường dẩn tương tối. vì trong trường hợp bạn copy code từ máy này sang máy khác sẽ tránh được trường hợp không load được file. còn đường dẩn tuyệt đối sẽ chỉ cố định tại vị trí bạn đặt code thôi nhé.
6. Sử dụng witdh va height trong thẻ img
Đó là một ý tưởng tốt để xác định chiều rộng và chiều cao của hình ảnh khi sử dụng một thẻ. Ví dụ:
<img src="myphoto.jpg" width="234" height="123">
Lợi thế của việc này là rằng trình duyệt Web có thể định dạng các trang nhanh hơn vì nó được nạp, nó biết làm thế nào để lấy ra các hình ảnh trước khi trang web của bạn được tải về. Điều này có nghĩa rằng khách truy cập của bạn có thể bắt đầu lướt trang web của bạn mà không cần phải chờ đợi cho tất cả các hình ảnh để hiển thị!
Lời kết: Hy vọng bài viết này sẽ giúp bạn hiểu rõ và sử dụng chúng một các thành thạo. Chờ gì nữa bắt tay vào trang web của bạn đi nào. Chúc may mắn nhé.
