Những thao tác với thẻ Meta HTML có thể bạn chưa biết

Nhiều người đều biết thẻ Meta HTML được dùng để cung cấp thông tin rút gọn đối với các trình duyệt, người dùng, hay các công cụ tìm kiếm cho SEO.

Tuy nhiên ngoài những công dụng trên, ít người để ý đến một số chức năng khác của thẻ Meta HTML. Hãy cùng LMT tìm hiểu qua về những chức năng đó qua bài viết này.

Vì sao thẻ Meta được sử dụng nhiều trong SEO, bạn xem thông tin tại: Thẻ Meta cần thiết cho Seo

1.  Refreshing Web Pages

Các bạn có thể dùng thẻ meta để ấn định thời gian refresh lại trang, ví dụ sau sẽ ấn định thời gian 20 giây sẽ refresh :

<meta http-equiv=”refresh” content=”20″>

2.  Redirecting

Chúng ta vừa ấn định thơi gian để refresh trang , thì lần này là số giây sẽ chuyển sang trang khác.

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

Để chuyển trang ngay lập tức, các bạn chỉ việc ấn định giá trị 0 ở content như sau :

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

3.  Kiểm soát Browser Cache

Khi bạn viếng thăm một trang web, thường thì trang web đó sau khi được tải xuống sẽ được lưu trữ dưới dạng cache. Tuy nhiên, nếu các bạn không muốn trang web của mình được lưu trữ dưới dạng cache thì các bạn có thể chèn thêm thẻ meta  như sau :

<meta http-equiv=”Cache-Control” content=”no-store” />

Thẻ meta này sẽ được nhận dạng với trình duyệt Firefox, Chrome và Internet Explorer. Với trình duyệt IE các bạn có thể dùng thêm như sau :

<meta http-equiv=”Cache-Control” content=”no-cache” />

<meta http-equiv=”Pragma” content=”no-cache” />

Các bạn cũng có thể chèn thêm thời hạn hết hạn để đảm bảo rằng trình duyệt sẽ hiển thị những file mới nhất từ server chứ không phải từ cache.

<meta http-equiv=”expires” content=”Fri, 18 Jul 2014 1:00:00 GMT” />

4.  Cấu hình Cookies

Tương tự như cache, cookies cũng là một dạng lưu trữ thông tin từ website đến máy người dùng (Client). Thường thì cookies sử dụng rất nhiều ở những trang bán hàng. Để ấn định thẻ meta các bạn có thể dùng :

Giả sử các bạn muốn ấn định thời hạn hết hạn cookies từ máy người dùng vào ngày 31/01/2015 thì có thể sử dụng như sau :

<meta http-equiv=”Set-Cookie” content=”name=data; path=path; expires=Thursday, 31-Jan-2015 00:00:00 GMT”>

5.  Page Transition

Các bạn cũng có thể áp dụng hiệu ứng transition đến trang web của các bạn thông qua thẻ meta theo cách tương tự như PowerPoint với cú pháp như sau :

<meta http-equiv=”page-enter” content=”revealtrans(duration=seconds,transition=num)” />

Hoặc :

<meta http-equiv=”page-exit” content=”revealtrans(duration=seconds,transition=num)” />

<meta http-equiv=”page-enter” content=”blendTrans(duration=sec)” />

Các bạn có thể chỉ định thời gian hiệu ứng diễn ra với việc ấn định giá trị duration.