masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Sokongan penyemak imbas HTML5

Sokongan Pelayar HTML5

Anda boleh menjadikan beberapa penyemak imbas lama (yang tidak menyokong HTML5) menyokong HTML5.

Sokongan penyemak imbas HTML5Sokongan

Pelayar moden menyokong HTML5.

Selain itu, semua penyemak imbas, lama dan baharu, secara automatik akan menganggap elemen yang tidak dikenali sebagai elemen sebaris.

Disebabkan ini, anda boleh "mengajar" penyemak imbas untuk mengendalikan elemen HTML "tidak diketahui".

Anda juga boleh mengajar pelayar IE6 (Windows XP 2001) untuk mengendalikan elemen HTML yang tidak diketahui.

Mentakrifkan elemen HTML5 sebagai elemen blok

HTML5 mentakrifkan 8 elemen semantik HTML baharu. Semua elemen ini adalah elemen peringkat blok.

Untuk membolehkan pelayar lama memaparkan elemen ini dengan betul, anda boleh menetapkan nilai atribut paparan CSS untuk menyekat:

Instance

header, section, footer, aside, nav, main, article, figure {    
display: block; 
}

Tambah elemen baharu pada HTML

Anda boleh menambah elemen baharu pada HTML.

Acara ini menambahkan elemen baharu pada HTML dan mentakrifkan gaya untuk elemen tersebut dinamakan <myHero>:

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
  <title>为 HTML 添加新元素</title>
  <script>document.createElement("myHero")</script>
  <style>
  myHero {
    display: block;
    background-color: #ddd;
    padding: 50px;
    font-size: 30px;
  } 
  </style> 
</head>
<body>
<h1>标题</h1>
<p>内容</p>
<myHero>元素</myHero>
</body>
</html>

<🎜. >Isu penyemak imbas Internet Explorer

Anda boleh menggunakan kaedah di atas untuk menambah elemen HTML5 pada pelayar IE, tetapi:

Internet Explorer 8 dan versi IE yang lebih awal Penyemak imbas tidak menyokong kaedah di atas.

Kami boleh menggunakan "HTML5 Enabling JavaScript", " shiv" yang dicipta oleh Sjoerd Visscher untuk menyelesaikan masalah ini: 

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Kod di atas ialah ulasan, yang digunakan apabila versi pelayar IE lebih kecil daripada IE9 akan membaca fail html5.js dan menghuraikannya.

Nota: Pengguna domestik sila gunakan perpustakaan sumber statik Baidu (pustaka sumber Google tidak stabil di China): 

<!--[if lt IE 9]>
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

html5shiv ialah penyelesaian yang lebih baik untuk penyemak imbas IE. html5shiv terutamanya menyelesaikan masalah bahawa elemen baharu yang dicadangkan oleh HTML5 tidak diiktiraf oleh IE6-8 Unsur baharu ini tidak boleh digunakan sebagai nod induk untuk membungkus elemen anak dan gaya CSS tidak boleh digunakan.

Penyelesaian Shiv Sempurna

Contoh

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>shiv</title>
  <!--[if lt IE 9]>
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  <![endif]-->
</head>
<body>
<h1>文章标题：简单是一种方法</h1>
<article>
橄榄树嘲笑无花果树说：
“你的叶子到冬天时就落光了，光秃秃的树枝可真难看，哪像我终
年翠绿，美丽无比。
”不久，一场大雪降临了，橄榄树身上都是翠绿的叶子，雪堆积在上面，
最后由于重量太大把树枝压断了，
橄榄树的美丽也遭到了破坏。
而无花果树由于叶子已经落
尽了，
全身简单，雪穿过树枝落在地上，
结果无花果树安然无恙。
外表的美丽不一定适应环
境有时是一种负担，
而且往往会因为生存带来麻烦或灾难。
相反，
平平常常倒能活得自由自
在。所以，
不如放下你外表虚荣的美丽，
或者是不实的身份和地位，踏踏实实地去体会真实
简单的生活，相信这样你将获得更多的乐趣。
</article>
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>shiv</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> </head> <body> <h1>文章标题：简单是一种方法</h1> <article> 橄榄树嘲笑无花果树说： “你的叶子到冬天时就落光了，光秃秃的树枝可真难看，哪像我终 年翠绿，美丽无比。 ”不久，一场大雪降临了，橄榄树身上都是翠绿的叶子，雪堆积在上面， 最后由于重量太大把树枝压断了， 橄榄树的美丽也遭到了破坏。 而无花果树由于叶子已经落 尽了， 全身简单，雪穿过树枝落在地上， 结果无花果树安然无恙。 外表的美丽不一定适应环 境有时是一种负担， 而且往往会因为生存带来麻烦或灾难。 相反， 平平常常倒能活得自由自 在。所以， 不如放下你外表虚荣的美丽， 或者是不实的身份和地位，踏踏实实地去体会真实 简单的生活，相信这样你将获得更多的乐趣。 </article> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492784 permainan