Làm Web

  • Design
  • Freebies
  • Tuts
  • Tools
  • Development
    • HTML / CSS
    • JavaScript
    • PHP
    • Ghost
  • WordPress
  • Info
    • Photography

3 Giải Pháp Hỗ Trợ Hiệu Quả Trên Internet Explorer

By Thien Do • 26/02/2014 • Web Development

Trước kia, Internet Explorer ( IE ) là một trình duyệt tiến bộ nhất. Nhưng sau một khoảng thời gian ngưng phát triển, IE đã trở thành ‘thảm họa’ đối với các nhà thiết kế web như chúng ta. Microsoft đã cải tiến và cập nhật trình duyệt của họ, nhưng sự thật là IE vẫn đang tụt hậu một chút so với các trình duyệt dựa trên WebKit và Firefox. Khi làm việc, chúng ta vẫn cần phải để ý đến sự phù hợp với các phiên bản trước của IE. Sau đây mình sẽ hướng dẫn  làm thế nào để trang web của bạn làm việc tốt hơn trong các trình duyệt của Microsoft.

Internet Explorer 8

htmlshiv.js

HTML5shiv của Remy tạo ra các yếu tố HTML5 như main, header, footer… thông qua JavaScript. Bằng cách nào đó các yếu tố được tạo ra thông qua JavaScript và bạn có thể dễ dàng style cho chúng.

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

selectivizr.js

Selectivizr.js là một nguồn tài nguyên đáng kinh ngạc, polyfilling sẽ load các selector và property không được hỗ trợ CSS, bao gồm các last-child sử dụng !important. Trên một mẫu thiết kế lại gần đây, mình đã nhúng selectivizr vào và nó hoạt động rất tốt trên các trình duyệt IE cũ. Đây là cách sử dụng:

<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->

Bạn chỉ nên sử dụng load nó ra trên các trình duyệt IE cũ.

Sử dụng các <html> Conditinal Comment

Các conditional comment này trong có vẻ xấu xí thật, nhưng xấu hay không, sự thật là chúng hoạt động rất hiệu quả và chính xác:

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

Đoạn mã này ( snippet ) không yêu cầu hoặc phải chờ tải JavaScript, các style này được xác định ngay lập tức.

Trong khi Internet Explorer đang dần bắt kịp các đối thủ cạnh tranh, nhưng sự thật là các trình duyệt IE cũ vẫn còn được sử dụng rất nhiều, đặc biệt là các nước đang phát triển ( Việt Nam chẳng hạn ). Tin tốt là các nguồn tài nguyên này sẽ làm việc tốt cho tất cả các trình duyệt.

browsersIEinternet explorertrình duyệttrình duyệt IE
Tweet
1
Font Chữ Của Ngày: Glasoor
9 Trang Web Học Trực Tuyến Miễn Phí

About the Author

Thien Do

Là một PHP developer nhưng mình muốn tìm hiểu nhiều hơn về CSS và JavaScript. Mình yêu thích những trang web đẹp và sáng tạo, đó là lý do tại sao mà mình thích chia sẻ chúng với các bạn.

You Might Also Like

  • Làm Thế Nào Để Tạo Ra Các Hiệu Ứng Động CSS3 Mà Không Cần Viết Code

  • Border-radius: Tạo Góc Tròn Với CSS!

  • Giải Pháp Responsive Cho Video Trên Trang Web Của Bạn

    Giải Pháp Responsive Cho Video Trên Trang Web Của Bạn

  • Tùy Chỉnh Scroll Bar Của Trình Duyệt Với CSS / jQuery

    Tùy Chỉnh Scroll Bar Của Trình Duyệt Với CSS / jQuery

Liên hệ mua trang web này

Email: info@thiendo.com
Phone: 0914 22 12 02

Bài viết được quan tâm

CSS position: fixed Trong Các Trình Duyệt Di Động

On 08/07/2013
01

Xu Hướng Mới Trong Thiết Kế Web

On 06/08/2013
02

19 Ví Dụ về Thiết Kế Web Tối Giản

On 16/07/2013
03

25 Bài Hướng Dẫn Tạo Hiệu Ứng Chữ Đẹp với CSS3

On 16/06/2013
04

Fontbox.vn – Thư viện Font Tiếng Việt tuyệt đẹp

On 05/06/2013
05

Find us on Facebook

Lamweb.com
Facebook Twitter

LÀM WEB - CHIA SẺ THÔNG TIN, XU HƯỚNG, CÔNG NGHỆ VÀ CÁC THỦ THUẬT WEB

© 2019 LamWeb.com - All rights reserved.