Trình duyệt đối với HTML5

  • Nguyễn Lê Điệp
  • 13-01-2017
  • 222
  • 0
  • 2
  • 0
  • Bài viết được đăng tại kennis.vn - không copy dưới mọi hình thức.
    Đối với phiên bản HTML5 thì các trình duyệt ở phiên bản cũ sẽ không hỗ trợ nhưng các bạn cũng có thể khắc phục điều này cho các trình duyệt hiểu được HTML5.

    Trình duyệt với HTML5

    HTML5 hầu hết các trình duyệt ở phiên bản mới đều hỗ trợ cho ngôn ngữ HTML ở phiên bản mới này. Ngoài những trình duyệt phiên bản mới thì các phiên bản cũ sẽ không được hỗ trợ tốt bởi vậy các bạn cũng có thể fix cho các trình duyệt cũ hiểu được HTML5 ngay cả phiên bản trình duyệt cũ IE6 của Windows XP.
    Xác định phần tử khối
    Trong HTML5 có tám phần tử khối. Để khắc phục các khối này trong cho các trình duyệt phiên bản cũ bạn có thể viết CSS để nó được hiển thị tốt.
    header, section, footer, aside, nav, main, article, figure {
        display: block; 
    }

    Thêm mới phần tử sang HTML

    Bạn cũng có thể thêm các phần tử mới cho một trang HTML. Ở ví dụ bên dưới chúng ta thêm mới với phần tử <demo> cho trang HTML đồng thời chúng ta cũng viết CSS cho nó.

    <!DOCTYPE html>
    <html>
    <head>
      <script>document.createElement("demo")</script>
      <style>
      demo {
          display: block;
          background-color: yellow;
          padding: 30px;
          font-weight: bold;
      } 
      </style> 
    </head>
    <body>
    	<h1>Đây là một tiêu đề lớn</h1>
    	<demo>Đây là phần tử mới với tên là demo</demo>
    </body>
    </html>
    Xem ví dụ
    Đối với đoạn javascript giúp các trình duyệt phiên bản IE9 trở xuống hiểu đó là phần tử trong HTML.

    Internet explorer 8

    Bạn có thể sử dụng các phương pháp bên trên để các trình duyệt phiên bản cũ hiểu được HTML5. Đối với các phiên bản trước IE8 không cho phép tạo CSS cho các phần tử mà trình duyệt chưa biết.
    Với vấn đề trên thì Sjoerd Visscher đã tạo ra HTML5Shiv! HTML5Shiv là một cách giải quyết Javascript để cho phép tạo các phần tử HTML5 trong các phiên bản Internet explorer cũ.

    Cú pháp HTML5Shiv

    HTML5Shiv sẽ được đặt nằm trong phần tử head. HTML5Shiv là một tập tin javascript bạn có thể đặt nó trong thẻ <script>. Bạn nên sử dụng HTML5Shiv cho trang web của mình khi bạn sử các phần tử mới của HTML5.
    Bạn có thể 
    tải về phiên bản mới nhất của HTML5shiv từ github hoặc các bạn có thể xem tất cả các phiên bản CDN tại https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js
    Cú pháp
    <head>
      <!--[if lt IE 9]>
        <script src="/home/js/html5shiv.js"></script>
      <![endif]-->
    </head>

    Ví dụ về HTML5Shiv

    Nếu bạn không muốn tải về và up lên host của mình tập tin HTML5Shiv, bạn có thể lựa chọn các phiên bản trên trang web CDN sau đó chèn vào thẻ head trang web của mình như sau:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->
    </head>
    <body>
    <section>
    	<h1>Kennis.vn</h1>
    	<article>
    	<h2>Học HTML</h2>
    	<p>Cung cấp các bài học HTML cơ bản nhất cho các độc giả mới bắt tay vào lập trình web</p>
    	</article>
    </section>
    </body>
    </html>
    Xem ví dụ
    Với HTML5Shiv bạn không còn lo lắng về vấn đề trang web của mình bị lỗi khi bạn sử dụng các phần tử mới của HTML5 mà người dùng thì đang xài trình duyệt phiên bản thời xa xưa.
    Chúc các bạn học tốt!laugh
    Từ khóa:

    Trình duyệt đối với HTML5

    Trình duyệt đối với HTML5

    Trình duyệt đối với HTML5

    Trình duyệt đối với HTML5
    Trình duyệt đối với HTML5
    2 or 0
    Lưu ý: Đăng câu hỏi trên Group Facebook để được hỗ trợ nhanh nhất.
    Đang tải...
    Nguyễn Lê Điệp
    Có sở thích lập trình, viết lách nên đã từng tham gia quản trị và viết bài ở một số diễn đàn, đến năm 2016 mới có điều kiện sáng lập ra kennis.vn với mục đích chia sẻ để học tập. Sinh năm 93, đang học tập và làm việc tại Hồ Chí Minh City.

    Thống kê

    - Hôm nay:
    225
    - Hôm qua:
    425
    - Tuần này:
    2.725
    - Tuần trước:
    3.197
    - Tháng này:
    10.373
    - Tháng trước:
    19.065
    - Năm này:
    234.056
    - Năm trước:
    17.373
    - Tổng cộng:
    251.429