Chia sẻ kiến thức
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

Giải VÍ DỤ + BÀI TẬP

2 posters

Go down

Giải VÍ DỤ + BÀI TẬP Empty Giải VÍ DỤ + BÀI TẬP

Bài gửi  Admin Tue Sep 17, 2013 12:03 pm

Chương 3: Ngôn ngữ HTML

Ví dụ 01:
<html>
<head>
<title>Vi du 1</title>
</head>
<body>
<h1>Day la heading 1</h1>
<h2 align="left"> Day la heading 2</h2>
<h3 align="right"> Day la heading 3</h3>
<h4>Day la heading 4</h4>
<h5 align="center">Day la heading 5</h5>
<h6 align="left">Day la heading 6</h6>
<hr>
<p>Day la 1 paragraph</p>
<p>Day la paragraph thu 2</p>
<p>Day la 1 para<br>graph co dau xuong hang</p>
<!-- Day la 1 ghi chu -->
</body>
</html>


&nbsp; : non-breaking space.
&amp; : ampersand.
href: Hypertext Reference

Ví dụ 10:
Code:

<html>
 <head><title>Vi du 10: frame</title></head>
 <frameset rows="30%,*,20%">
 <noframes>Your browser do not handle frames!</noframes>
 <!--Chu thich khi trinh duyet khong hien thi duoc frame-->
 <frame name="top" src="vidu04.html" noresize><!--noresize: khong cho chinh kich thuoc-->
 <frameset cols="40%,60%">
 <frame name="left" src="vidu01.html">
 <frame name="right" src="vidu09.html" Scrolling=auto>
 </frameset>
 <frame name="bottom" src="vidu05.html">
 </frameset>
</html>
- scrolling="no" (nếu bạn viết như vậy trong tag <frameset>, người đọc sẽ không thể scroll để đọc tiếp nếu như trang html có cỡ to hơn trong frame chứa nó).
- frameborder="0" (frame không có khung)
- framespacing="0" (tương tự như trong table)
- noresize (không cho phép người đọc thay đổi kích cỡ của window)

- <ul>: unordered list, danh sách không có thứ tự.
- <il>: list item, mục của danh sách.
- <ol>: ordered list, danh sách có thứ tự.
- <dl>: definition list, danh sách định nghĩa.
- <dt>: definition title.
- <dd>: definition detail.

Thẻ Meta tag:
Meta Tag là thẻ dùng để cung cấp các thông tin về website một cách tóm gọn đối với các trình duyệt lẫn người dùng hay bot từ các search engine. Mọi người hay nghe Meta Keyword, Meta Description, Meta Page title,.. nhưng nó đều các thẻ thuộc dòng Meta tags.

Hiện nay, có không ít người đang hiểu sai ý nghĩa của nó và ứng dụng đôi khi không hợp lý trong nhiều website. Bài viết này sẽ giải thích về ý nghĩa của hầu hết các thẻ Meta tag nhằm giúp các bạn ứng dụng một cách hợp lý hơn và gợi ý các Meta Tag bạn nên dùng hoặc không nên dùng.

Meta tag là gì?

Đây là thẻ HTML được đặt giữa thẻ trong của một tài liệu HTML.

Có 2 kiểu sử dụng meta tag thường thấy:
HTML

1. <META HTTP-EQUIV="name" CONTENT="content">
2. <META NAME="name" CONTENT="content">

Ở những thời kỳ đầu khi Meta tags được phát triển nhằm hỗ trợ cho việc phát triển chung của website. Tuy nhiên sau đó việc ứng dụng của nó bị thay đổi lớn, nhiều webmasters đã sử dụng nó một cách thái quá trong việc ứng dụng Meta tags cho keywords (từ khóa) đối với các website có nội dung không lành mạnh. Rất nhiều từ khóa không liên quan được đặt vào website nhằm giúp cho website đạt kết quả tốt trong kết quả tìm kiếm của các SE. Ví dụ website có nội dung người lớn nhưng lại đặt một số từ khóa liên quan đến các vấn đề nóng hổi khác hoặc về các ngôi sao nổi tiếng mà người dùng thường hay tìm kiếm.

Hiện nay các cỗ máy tìm kiếm đã giảm bớt độ ảnh hưởng của Meta tags cho việc hiển thị kết quả. Google thường bỏ qua sự ảnh hưởng của Meta tags và chỉ sử dụng Google Meta tags (sẽ được giới thiệu dưới đây). Các cỗ máy tìm kiếm khác cũng có cách đọc thẻ này bằng cách riêng của nó.

các thẻ   meta tag

Sau đây là nội dung giải thích ý nghĩa của các thẻ Meta tags.

I. Các thẻ Meta Tags được khuyến khích sử dụng:
1. Meta Content Language (Dành cho các website không phải tiếng Anh)
Thẻ này được dùng để khai báo ngôn ngữ của website. Thẻ này cũng được dùng tương tự như Meta Name Language. Các robot của SE thường dùng thẻ này để phân loại ngôn ngữ của website.
Ví dụ:
HTML
<META HTTP-EQUIV="Content-Language" CONTENT="vi">

Bạn nên sử dụng thẻ này nếu website của bạn có ngôn ngữ không phải tiếng Anh. Cá nhân tôi chưa từng thử, tuy nhiên theo như những gì mà tôi tham khảo thì thẻ này rất có ích cho bot phân loại nội dung theo ngôn ngữ.

2. Meta Content Type
Thẻ này dùng để khai báo mã cho website. Bạn nên sử dụng thẻ nay ngay cả khi bạn đã dùng khai báo DTD cho tài liệu HTML. Bởi vì nếu bạn không sử dụng thì có khi người dùng website của bạn sẽ không đọc được nội dung website của bạn do trình duyệt không tự động điều chỉnh mã phù hợp cho website của bạn. Ví dụ: Nội dung website của bạn được nhập liệu thông qua mã UTF-8 nhưng được hiển thị ở chế độ của ISO hay ASCII. Thả này còn có nhiều lợi ích khác, tuy nhiên bạn có thể tự tìm hiểu thêm về vấn đề này thông qua các trang web về SEO.

Ví dụ:
HTML
http-equiv="Content-Type" content="text/html; charset=utf-8">

3. Meta Description
Thẻ này dùng để mô tả nội dung của một trang web. Nội dung của thẻ này nên được viết ngắn gọn và xúc tích khoảng từ 20 đến 25 từ hoặc ít hơn. Đây là thẻ được hầu hết các SE sử dụng để hiển thị nội dung kết quả tìm kiếm.

Ví dụ:
HTML
<META NAME="description" CONTENT="Website Khoa học kỹ thuật, giải trí và đời sống dành cho cộng đồng người Việt cùng chia sẽ kinh nghiệm và trao đổi học hỏi.">

Thẻ này được khuyến khích sử dụng và nên viết một cách xúc tích nhất nhằm thu hút người dùng bấm vào website của bạn từ kết quả tìm kiếm. Thông thường nếu không dùng thẻ này thì các SE như google cũng sẽ tự động tạo khi index nội dung website. Tuy nhiên bạn nên dùng bởi vì đôi khi các mô tả được index tự động sẽ không được như ý của bạn.

4. Meta Language (Dành cho các website không phải tiếng Anh)
Thẻ này tương tự như Meta Content Language nhưng cấu trúc khác như sau:
HTML
<META NAME="Language" CONTENT="english">

II. Các thẻ phụ khác:
Các thẻ sau đây được gọi là thẻ phụ vì cũng được khuyến khích dùng nhưng không thật sự quantrọng, bạn có thể dùng cũng được hoặc không dùng cũng chẳng sao.

1. Meta Abstract
Cung cấp nội dung tóm tắt cho phần mô tả của website. Thẻ này chỉ được dùng để mô tả ngắn gọn hơn để bot có thể xác định được chính xác hơn nội dung website của bạn. Nội dung của thẻ này thường khoảng 10 từ trở lại.

Ví dụ:
HTML
<META NAME="Abstract" CONTENT="Website khoa học kỹ thuật, giải trí và đời sống.">

Thẻ này hiện tại không nằm trong các thuật toán của Google, Yahoo!, và MSN.

2. Meta Author

Thẻ này dùng để hiển thị tác giả của một nội dung trên website. Nội dung của thẻ này thường là tên của người đã tạo ra website. Bạn nên dùng thẻ này bằng tên của mình thay vì dùng email để tránh việc bị spam mail. Nếu bạn muốn người dùng liên hệ với mình thì nên dùng một form để liên hệ sẽ tốt hơn.

Ví dụ:
HTML
<META NAME="Author" CONTENT="NGUYEN VU TUAN ANH, [You must be registered and logged in to see this link.]">

Thẻ này không được index bởi Google, Yahoo!, hay MSN, do đó cũng không hỗ trợ cho bạn trong việc tăng thứ hạng, nhưng nó được ứng dụng như một chuẩn sử dụng của Meta tag.

3. Meta Copyright

Đây chỉ là thẻ mang tính thương hiệu hay các thông tin bản quyền cá nhân hay sở hữu trí tuệ của bạn.

Ví dụ:
HTML
<meta name="copyright" content="Copyright 2008">

Bạn không nhất thiết phải sử dụng thẻ này bởi vì nó chỉ mang tính tượng trưng và không có nghĩa là nó bảo vệ được bản quyền của bạn.

4. Meta Designer

Thẻ này dùng để cung cấp thông tin về người thiết kế giao diện cho website.

Ví dụ:
HTML
<META NAME="Designer" CONTENT="BabyWolf">

Các SE cũng không sử dụng thẻ này, thẻ này chỉ ứng dụng cho Designer muốn quảng cáo về mình.

5. Meta Google

Thẻ này chỉ được sử dụng cho việc bạn muốn loại bỏ nội dung khỏi google. Các thuộc tính của thẻ này:

1. Googlebot: noarchive - không cho phép google hiển thị nội dung cache của site bạn.
2. Googlebot: nosnippet - Không cho phép google hiển thị nội dung trích dẫn hoặc cache.
3. Googlebot: noindex - Không index những trang web nào đó của bạn.
4. Googlebot: nofollow - Loại bỏ việc đánh giá PageRank hoặc link từ trang này.

Bạn không nhất thiết phải sử dụng thẻ này ngoại trừ bạn muốn điều khiển google bot theo ý của mình cho cấu trúc website của bạn. Đây là thẻ mà google chắc chắn quan tâm đến. Hoặc bạn cũng có thể ứng dụng các thẻ này trong trường hợp thực tiễn sau: Bạn thay đổi cấu trúc nội dung và đường dẫn website, bạn sẽ vẫn giữ phiên bản cũ nhưng với thẻnày để google sẽ tự động xóa các index tương ứng với link này. Tuy nhiên, tốt nhất bạn nên dùng Redirect Permanently 301 sẽ giúpcho bạn chuyển PageRank từ trang cũ qua trang mới.

6. Meta Keywords

Thẻ từ khóa được dùng để định dạng nội dung trang web. Từ khóa được sử dụng bởi các SE để index site của bạn có thêm thông tin từ các nội dung của title, body, và các thành phần khác. Từ này thường được dùng để cung cấp các từ khóa liên quan đồng nghĩa hoặc tương tự với các từ khóa của title.

Ví dụ: Title của trang web cho bài viết này là "SEO - Ý nghĩa các thẻ meta | Diễn đàn khoa học kỹ thuật". Bạn có thể ứng dụng keywords như sau:
HTML
<META NAME="keywords" CONTENT="khái niệm, quảng bá web, tag, forum, technical, science, thảo luận, trao đổi">

Bạn nên sử dụng keywords một cách thận trong và bảo đảm sự tương thích với nội dung. Website của bạn có thể bị phạt hoặc đưa vào blacklist nếu bạn quá lạm dụng nó. Việc sử dụng keywords cũng có thể là một con dao hai lưỡi đối với bạn. Bạn có thể mất vài giờ để nghiên cứu cách viết keywords tốt nhất và đối thủ của bạn chỉ mất vài phút để thừa hưởng từ bạn.

7. Meta MSN (No ODP)

Thẻ này được ứng dụng cho việc mô tả website của bạn ở kết quả tìm kiếm của MSN. Do MSN thường hay sử dụng mô tả của DMOZ nên dùng thẻ này sẽ giúp cho MSN chuyển qua dùng mô tả của bạn.

Ví dụ:
HTML
<META Name="msnbot" CONTENT="NOODP">

8. Meta Title

Nội dung thẻ này được sử dụng tương tự như thẻ title .

Ví dụ:
HTML
<META NAME="Title" CONTENT="Page Title Here">

Thẻ này được sử dụng bởi Yahoo! và MSN.
Admin
Admin
Admin

Tổng số bài gửi : 218
Reputation : 22
Join date : 17/11/2012
Age : 32

https://elcit.forumvi.com

Về Đầu Trang Go down

Giải VÍ DỤ + BÀI TẬP Empty bài giải bài tập đỗ thanh nghị

Bài gửi  huunagi Fri Oct 27, 2017 5:21 am

A

huunagi
Binh nhì
Binh nhì

Tổng số bài gửi : 2
Reputation : 0
Join date : 02/03/2016

Về Đầu Trang Go down

Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết