Một số thẻ HTML đặc biệt có thể bạn chưa biết
Nhãn:
HTML - CSS
,
Lập trình
Một số thẻ HTML đặc biệt có thể bạn chưa biết như thẻ meta tạo hiệu ứng chuyển trang, ... Nếu sử dụng có hiệu quả những thẻ này có thể đem lại cho bạn khá nhiều hiệu quả đối với website của bạn.
1. Thẻ <meta> với font
Để sử dụng font unicode cho tiếng việt trên trang web bạn cần khai báo thẻ meta trong thẻ head như sau:
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
2. Thẻ <meta> cho phép người dùng tìm kiếm
Khi bạn Publish website của bạn lên internet, để người dùng có thể tìm thấy website của bạn qua các công cụ tìm kiếm như google, yahoo search,... Bạn nên khai báo thẻ meta như ví dụ sau:
<META NAME="description" content="hmweb - chia sẻ là niềm vui ....">
<META NAME="TacGia" content="hmweb.com.vn">
3. Thẻ <meta> dạng tự động chuyển trang
Để tự động chuyển đến Url kế tiếp sau khu trang web nạp lên với thời gian nhất định. Bạn có thể dùng javascript để thực hiện nhưng bạn cũng có thể khai báo trong thẻ <meta> như sau:
<meta http-equiv="refresh" content="10; URL=http://www.hmweb.com.vn" /> <!-- với thẻ này thì sau 10 giây trang của bạn sẽ tự động chuyển sang trang http://www.hmweb.com.vn !-->
4. Thẻ <meta> dùng xóa cache
Khi bạn đã xem một trang web nào đó, nội dung trang đó có thể được lưu tron bộ nhớ truy cập nhanh "cache", và khi bạn quay lại đúng trang đó trình duyệt của bạn sẽ nạp rất nhanh. Nhưng bạn sẽ không thấy có sự thay đổi nội dung nếu trang web bạn đã xem trước đó. Nếu website của bạn thường xuyên thay đổi nội dung hoặc cấu trúc (Ví dụ như trang http://livescore.com - xem kết quả bóng đá trực tuyến chẳng hạn) thì bạn cần khai báo thẻ <meta> như sau:
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="0" />
5. Thẻ <meta> tạo hiệu ứng chuyển trang.
Ví dụ khi bạn đang xem trang http://www.hmweb.com.vn, giờ bạn đưa con trỏ vào thanh address và gõ địa chỉ trang web khác hoặc bạn mở liên kết có tên miền khác http://www.hmweb.com.vn. Bạn sẽ thấy có hiệu ứng chuyển trang khác cũng khá thú vị. để làm điều đó bạn sử dụng thẻ <meta> như sau:
<meta http-equiv="Site-Exit" content="revealTrans(Duration=3.0,Transition=23)"/>
Nếu bạn duyệt các bài khác nhau trong cùng trang, bạn muốn tạo hiệu ứng load từ trái sang phải bạn sử dụng thẻ <meta> như sau:
<META http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.GradientWipe(duration=.5)">
6. Tạo Ico cho địa chỉ website.
Khi bạn truy cập trang dantri.com.vn hoặc vnexpress.net. bạn sẽ thấy trên thanh address trước chữ http sẽ có biểu tượng của website. Để thực hiện được điều đó bạn cần có 1 ảnh (logo.ico), ảnh này phải là ảnh icons. Bạn có thể vào trang http://www.convertico.com/ để convert logo của bạn thành file.ico
Sau đó trong thẻ head bạn thêm dòng sau:
<link href="http://hmweb.com.vn/hmico.ico" rel="shortcut icon" type="image/x-icon" /> <!-- href cần trỏ tới đường dẫn file.ico của bạn --!>
7. Tạo tiêu đề cho khung hiển thị với thẻ <fieldset> :: <legend>
Giả sử bạn muốn tạo khung có tiêu đề như sau
Bạn hãy dùng thẻ <fieldset> :: <legend> như sau:
<fieldset>
<legend><font color="#FF3333"><b>CHIA SẺ LÀ NIỀM VUI</b></font></legend>
CHÚC CÁC BẠN THÀNH CÔNG
</fieldset>
8. Ngăn không cho người khác copy hay nhấn phải chuột trên trang web.
Khi cần không cho người khác bôi đen hoặc nhấn phải chuột trên trang web hay ứng dụng của bạn bạn hãy sửa lại thẻ <Body> như sau:
<body oncontextmenu="return false;" onpaste="return false;" onselectstart="return false;">
Ứng dụng các thuộc tính trên trong trường hợp bạn viết form đăng ký thành viên thường có trường Email và có yêu cầu người dùng xác nhận Email chính xác với Email đã nhập. Trường Xác nhận Email bạn cần ngăn không cho người dùng chọn ô Email và copy (Như thế chưa đúng nguyên tắc). Bạn sửa lại thuộc tính trong TextBox như minh họa sau
<asp:TextBox ID="TextBox1" runat="server" oncontextmenu="return false;" onkeypress="return onPaste(event)" onpaste="return false;" ></asp:TextBox>
9. Thẻ Marquee - cuộn văn bản
Thẻ Marquee với các thuộc tính của nó cho phép bạn tạo văn bản cuộn, có thể theo hướng từ trên xuống, từ dưới lên, trái sang phải, phải sang trái ,,,
Ví dụ: Khi bạn cần văn bạn cuộn như sau:
Bạn dùng Marquee với các thuộc tính như sau:
<MARQUEE WIDTH=400px BEHAVIOR=ALTERNATE BGColor=yellow>hmweb.com.vn - Chia sẻ là niềm vui</MARQUEE>
Khi bạn cần:
Bạn dùng Thẻ Marquee như sau
<MARQUEE WIDTH=400px BEHAVIOR=SCROLL DIRECTION=RIGHT BGColor=yellow>hmweb.com.vn - Chia sẻ là niềm vui</MARQUEE>
Khi bạn cần
Bạn dùng thẻ Marquee như sau:
<MARQUEE WIDTH=400px BEHAVIOR=SCROLL DIRECTION=RIGHT BGColor=yellow>hmweb.com.vn - Chia sẻ là niềm vui</MARQUEE>
Khi bạn cần di chuột vào thì văn bản cuộn dừng lại, di cuột ra khỏi thẻ thì văn bản tiếp tục như sau:
Bạn dùng thẻ Marquee với thuộc tình onmouseover="this.stop()" onmouseout="this.start()" như sau:
<marquee width="400px" height="25" BGColor=yellow onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="2" direction="left" loop="infinite">
hmweb.com.vn - Chia sẻ là niềm vui </marquee>
Còn tiếp
Để sử dụng font unicode cho tiếng việt trên trang web bạn cần khai báo thẻ meta trong thẻ head như sau:
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
2. Thẻ <meta> cho phép người dùng tìm kiếm
Khi bạn Publish website của bạn lên internet, để người dùng có thể tìm thấy website của bạn qua các công cụ tìm kiếm như google, yahoo search,... Bạn nên khai báo thẻ meta như ví dụ sau:
<META NAME="description" content="hmweb - chia sẻ là niềm vui ....">
<META NAME="TacGia" content="hmweb.com.vn">
3. Thẻ <meta> dạng tự động chuyển trang
Để tự động chuyển đến Url kế tiếp sau khu trang web nạp lên với thời gian nhất định. Bạn có thể dùng javascript để thực hiện nhưng bạn cũng có thể khai báo trong thẻ <meta> như sau:
<meta http-equiv="refresh" content="10; URL=http://www.hmweb.com.vn" /> <!-- với thẻ này thì sau 10 giây trang của bạn sẽ tự động chuyển sang trang http://www.hmweb.com.vn !-->
4. Thẻ <meta> dùng xóa cache
Khi bạn đã xem một trang web nào đó, nội dung trang đó có thể được lưu tron bộ nhớ truy cập nhanh "cache", và khi bạn quay lại đúng trang đó trình duyệt của bạn sẽ nạp rất nhanh. Nhưng bạn sẽ không thấy có sự thay đổi nội dung nếu trang web bạn đã xem trước đó. Nếu website của bạn thường xuyên thay đổi nội dung hoặc cấu trúc (Ví dụ như trang http://livescore.com - xem kết quả bóng đá trực tuyến chẳng hạn) thì bạn cần khai báo thẻ <meta> như sau:
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="0" />
5. Thẻ <meta> tạo hiệu ứng chuyển trang.
Ví dụ khi bạn đang xem trang http://www.hmweb.com.vn, giờ bạn đưa con trỏ vào thanh address và gõ địa chỉ trang web khác hoặc bạn mở liên kết có tên miền khác http://www.hmweb.com.vn. Bạn sẽ thấy có hiệu ứng chuyển trang khác cũng khá thú vị. để làm điều đó bạn sử dụng thẻ <meta> như sau:
<meta http-equiv="Site-Exit" content="revealTrans(Duration=3.0,Transition=23)"/>
Nếu bạn duyệt các bài khác nhau trong cùng trang, bạn muốn tạo hiệu ứng load từ trái sang phải bạn sử dụng thẻ <meta> như sau:
<META http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.GradientWipe(duration=.5)">
6. Tạo Ico cho địa chỉ website.
Khi bạn truy cập trang dantri.com.vn hoặc vnexpress.net. bạn sẽ thấy trên thanh address trước chữ http sẽ có biểu tượng của website. Để thực hiện được điều đó bạn cần có 1 ảnh (logo.ico), ảnh này phải là ảnh icons. Bạn có thể vào trang http://www.convertico.com/ để convert logo của bạn thành file.ico
Sau đó trong thẻ head bạn thêm dòng sau:
<link href="http://hmweb.com.vn/hmico.ico" rel="shortcut icon" type="image/x-icon" /> <!-- href cần trỏ tới đường dẫn file.ico của bạn --!>
7. Tạo tiêu đề cho khung hiển thị với thẻ <fieldset> :: <legend>
Giả sử bạn muốn tạo khung có tiêu đề như sau
Bạn hãy dùng thẻ <fieldset> :: <legend> như sau:
<fieldset>
<legend><font color="#FF3333"><b>CHIA SẺ LÀ NIỀM VUI</b></font></legend>
CHÚC CÁC BẠN THÀNH CÔNG
</fieldset>
8. Ngăn không cho người khác copy hay nhấn phải chuột trên trang web.
Khi cần không cho người khác bôi đen hoặc nhấn phải chuột trên trang web hay ứng dụng của bạn bạn hãy sửa lại thẻ <Body> như sau:
<body oncontextmenu="return false;" onpaste="return false;" onselectstart="return false;">
Ứng dụng các thuộc tính trên trong trường hợp bạn viết form đăng ký thành viên thường có trường Email và có yêu cầu người dùng xác nhận Email chính xác với Email đã nhập. Trường Xác nhận Email bạn cần ngăn không cho người dùng chọn ô Email và copy (Như thế chưa đúng nguyên tắc). Bạn sửa lại thuộc tính trong TextBox như minh họa sau
<asp:TextBox ID="TextBox1" runat="server" oncontextmenu="return false;" onkeypress="return onPaste(event)" onpaste="return false;" ></asp:TextBox>
9. Thẻ Marquee - cuộn văn bản
Thẻ Marquee với các thuộc tính của nó cho phép bạn tạo văn bản cuộn, có thể theo hướng từ trên xuống, từ dưới lên, trái sang phải, phải sang trái ,,,
Ví dụ: Khi bạn cần văn bạn cuộn như sau:
Bạn dùng Marquee với các thuộc tính như sau:
<MARQUEE WIDTH=400px BEHAVIOR=ALTERNATE BGColor=yellow>hmweb.com.vn - Chia sẻ là niềm vui</MARQUEE>
Khi bạn cần:
Bạn dùng Thẻ Marquee như sau
<MARQUEE WIDTH=400px BEHAVIOR=SCROLL DIRECTION=RIGHT BGColor=yellow>hmweb.com.vn - Chia sẻ là niềm vui</MARQUEE>
Khi bạn cần
Bạn dùng thẻ Marquee như sau:
<MARQUEE WIDTH=400px BEHAVIOR=SCROLL DIRECTION=RIGHT BGColor=yellow>hmweb.com.vn - Chia sẻ là niềm vui</MARQUEE>
Khi bạn cần di chuột vào thì văn bản cuộn dừng lại, di cuột ra khỏi thẻ thì văn bản tiếp tục như sau:
Bạn dùng thẻ Marquee với thuộc tình onmouseover="this.stop()" onmouseout="this.start()" như sau:
<marquee width="400px" height="25" BGColor=yellow onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="2" direction="left" loop="infinite">
hmweb.com.vn - Chia sẻ là niềm vui </marquee>
Còn tiếp
