Thứ Hai, 8 tháng 10, 2012

Cơ bản về HTML5 cấu thành nên một trang web tối ưu cho SE

Về mặt cơ bản về các thẻ HTML để cấu thành nên một trang web ở đây mình chỉ nhắc đến những thẻ cần thiết thôi.

Khai báo tập tin HTML5  bao gồm <!DOCTYPE HTML> và các cặp thẻ <html>, <head>, <title>, <body>.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</html>


Thẻ <title> tiêu đề của trang web

Các khai báo và liên kết đến các tập tin Javascript và CSS
<script src="http://demo/html5.js"></script>
<link href="http://demo.com/style.css" rel="stylesheet" type="text/css" />

Quan trong nhất là việc ứng dụng các thẻ khác như <div>, <a>, <img>, <h>, <p>, <ul>, <li>, <i>, <b>

Bình thường thì mình chỉ dùng có nhiêu đây thẻ để tạo nên 1 trang web quan trọng là việc mình ứng dụng sắp xếp và dùng thêm CSS để tạo ra 1 giao diện đẹp mắt và hợp lý thuận tiện cho người dùng. Ở đây mình khai báo HTML5 để thuận tiện cho mình có thể dể dàng nâng cấp khi cần.

Trong 1 tài liệu HTML có bao gồm thẻ HTML, Văn bản, Javascript, CSS,... chúng ta nên sắp xếp rành mạch phân cấp để có thể dễ dàng sửa chữa.

Lưu ý mỗi file html dung lượng không quá 100kB. Trong các thẻ trên lưu ý khi sử dụng thẻ <a> và <img> chúng ta nên thêm các thuộc tính title và alt.

Để tối ưu hơn cho SE chúng ta nên sử dụng thêm các thẻ meta tham khảo thêm tại Ý nghĩa các thẻ Meta ,
Thuộc tính thẻ rel="canonical"

Tham khảo thêm việc tạo Navigator breadcrumb cho website




Không có nhận xét nào:

Đăng nhận xét