Khanh Hoang - Kenn
Kenn is a user experience designer and front end developer who enjoys creating beautiful and usable web and mobile experiences.
Làm thế nào để HTML5 làm việc trên IE cũ
- Posted by: Khanh Hoang
- Tue, 12/03/2013, 10:31 (GMT+7)
- 0 Bình luận
Làm thế nào để HTML5 làm việc trên IE cũ
HTML5 có lẽ là công nghệ đến muộn và mạnh mẽ nhất, nhưng một số trình duyệt vẫn chưa hổ trợ những thẻ mới trong HTML5, sau đây chúng ta sẽ cùng tìm hiểu những giải pháp để giải quyết vấn đề này.
Từ phiên bản IE8 trở xuống không hổ trợ các phần tử trong HTML5, cũng giễ hiểu bởi vì khi chúng ra đời HTML5 vẫn chưa phát triển.
Ta sẽ xem một ví dụ đơn giản là dùng thẻ time và định kiểu cho nó là in nghiêng.
<html>
<head>
<title> test HTML5 </title>
<style type="text/css">
time{font-style: italic;}
</style>
</head>
<body>
<time datetime="2012-04-06">Today</time>
</body>
</html>Nếu xem trên trình duyệt IE chúng ta sẽ thấy chẳng có tác dụng gì cả.
Để fix lỗi này chúng ta sẽ thêm một đoạn code Javacript tạo ra một phần tử có tên là time.
<html>
<head>
<title> test HTML5 </title>
<style type="text/css">
time{font-style: italic;}
</style>
</head>
<body>
<script type="text/javascript">
document.createElement("time");
</script>
<time datetime="2012-04-06">Today</time>
</body>
</html>Sau khi áp dụng xem dưới trình duyệt IE chúng ta có thể thấy lỗi đã được fix.
Một giải pháp khác.
Chúng ta sẽ tải file HTML5.js để fix lỗi trình duyệt.
Sau đó tạo liên kết tới file HTML5.js trong thẻ header với cú pháp loại trừ trình duyệt sau:
<!--[if lte IE 8]> <script type="text/javascript" src="HTML5.js"></script> <![endif]-->
Đoạn code trên nói rằng nếu là từ trình duyệt IE8 trở xuống thì sẽ thực hiện liên kết tới file HTML5.js, vì từ phiên bản IE9 đã hổ trợ HTML5 nên chúng ta loại ra, nhưng có thể một ngày nào đó bạn sẽ gặp một thẻ nào đó mà IE9 không hổ trợ thì bạn sẽ sử dụng thêm cách đầu tiên để fix.
Để fix lỗi thì trình duyệt của bạn phải có javascript nhưng một ngày đẹp trời nào đó có người hay cái gì đó vô tình tắt javascript trên trình duyệt của bạn thì sao? Các thẻ HTML5 của bạn sẽ mất hết hiệu lực nhưng chẳng có vấn gì nghiêm trọng khi nội dung của nó ta vẫn đọc được chỉ có điều các định kiểu CSS sẽ bị vô hiệu hóa.
Bạn thấy bài viết này như thế nào?:
Advertisement
Quảng Cáo Bài Viết
10 browser đang được sử dụng nhiều nhất hiện nay
Gần đây, các hãng phát hành liên tục tung ra những phiên bản mới, cùng những công nghệ riêng, khiến cho cuộc chiến tranh giành thị phần giữa các trình duyệt web trở nên khốc liệt. Dựa vào số lượng người dùng và tính năng, website TopTenReviews đã chọn ra 10 đại diện sáng giá nhất dưới đây.
Hiển thị thứ hạng Alexa cho website Drupal bằng module Alexa4drupal
Trong bài viết Thêm sắc màu cho web site Joomla! của bạn (Phần 1) đã có giới thiệu về cách sử dụng My Alexa Data để có thể hiện thị thứ hạng của Alexa cho website trên Joomla! nhưng hôm nay chúng tôi sẽ giới thiệu cách hiện thị thứ hạng Alexa trên một website bằng Drupal (giống như giao diện mới hiện tại của thông tin công nghệ được xây dựng trên Drupal).
10 Điểm mới trong Timeline cho Facebook Fanpage
Bạn là một admin cho Fanpage và muốn nắm rõ cách hoạt động của Timeline trên Facebook? Bài viết này thật sự giúp bạn không ít!
Monthly archive
- October 2011 (1)
- November 2011 (300)
- December 2011 (242)
- January 2012 (85)
- February 2012 (64)
- March 2012 (55)
- April 2012 (24)
- May 2012 (26)
- June 2012 (53)
- July 2012 (128)
- August 2012 (135)
- September 2012 (27)
- October 2012 (60)
- November 2012 (95)
- December 2012 (161)
Công ty diệt chuột T&C
AI
Database
-
18/12/2012 -
11/12/2012
-
18/07/2012
-
18/12/2012
Donate
Bình luận (0)
Add Comment