Meta Description

Một phần của tài liệu Bài giảng thiết kế trang web (Trang 47)

Là thẻ mô tả tóm tắt nội dung của website, nội dung mô tả này được các search engine hiển thị khi tìm kiếm tối đa 160 ký tự.

Ví dụ:

<meta name="description" content="HTML CSS JavaScript jQuery AJAX XML ASP.NET SQL Tutorials References Examples">

Một thẻ Meta Description được viết tốt nhất nằm trong một câu hoàn chỉnh vàc liệt kê được đầy đủ các thông tin liên quan đến trang đó.

 Một số chú ý khi tạo mô tả trong Meta Description:

 Tạo mỗi description khác nhau cho mỗi trang web

 Phải chứa các thông tin quan trọng, trung thực

 Lập trình tự động tạo các miêu tả

 Phần miêu tả chất lượng, có các từ khóa và thương hiệu sản phẩm (nếu có)

d)Meta Keywords

Mô tả các từ khóa của website, tuy nhiên không được lạm dụng

Ví dụ:

<meta name="keywords" content="khái niệm, quảng bá web, tag, forum, technical, science, thảo luận, trao đổi" />

e)Meta Author

Dùng để mô tả tác giả của một nội dung trên website.

Ví dụ:

<meta name="author" content="Tim Berners-Lee" />

Trong Meta Author không được để địa chỉ email nhằm tránh bị spam mail.

f)Meta Refresh

Được dùng để tự động chuyển qua trang web khác.

Ví dụ:

<meta http-equiv="refresh" content="5; url=http://example.com/">

Kết quả là sẽ chuyển qua trang http://example.com/ sau 5 giây tính từ lúc trang web được tải lên trình duyệt.

4.10.2.Thẻ <script>

Thẻ <script> được dùng để khai báo các lệnh xử lý client, điều khiển trang web hoạt động.

Ví dụ:

<script type="text/javascript"> document.write("Hello World!") </script>

Thẻ <script> có các thuộc tính cơ bản

TYPE : xác định loại script nào được sử dụng (ví dụ: javascript, vbscript)

SRC : đường dẫn của file script được sử dụng bổ sung

Ví dụ:

<script type="text/javascript" src="myScript.js"></script>

4.10.3.Thẻ <style>

Thẻ <style> được dùng để khai báo các mã định dạng CSS cho trang web, thay đổi hình thức thể hiện của trang web.

Thẻ <style> thường được đặt trong cặp thẻ <head>

Ví dụ: <html> <head> <style type="text/css"> body{ background: #FFF; color:blue; } p{

font: bold italic 120% Arial, Tahoma; } </style> </head> <body> … </body> </html> 4.10.4.Thẻ <link>

Dùng để kết nối đến file định dạng CSS cho trang web thay vì đặt các mã trong thẻ <style> Thẻ <link> cũng được đặt trong cặp thẻ <head>

Ví dụ:

<html> <head>

<link rel="stylesheet" type="text/css" href="theme.css" /> </head>

<body> … </body> </html>

Một phần của tài liệu Bài giảng thiết kế trang web (Trang 47)