cari

Rumah >hujung hadapan web >html tutorial >Gunakan teg semantik untuk menulis HTML anda serasi dengan IE6,7,8_HTML/Xhtml_Webpage Production

Gunakan teg semantik untuk menulis HTML anda serasi dengan IE6,7,8_HTML/Xhtml_Webpage Production

WBOY
WBOYasal
2016-05-16 16:36:131640semak imbas

HTML5 menambah lebih banyak teg semantik, seperti pengepala, pengaki, navigasi... Marilah kita tidak perlu lagi menggunakan kaedah berikut untuk susun atur halaman semasa menulisnya:

Kod XML/HTMLSalin kandungan ke papan keratan
  1. <div kelas="header" >Ini adalah kepaladiv>
  2. <div kelas="kandungan" >Ini ialah kawasan kandungan tengahdiv>
  3. <div kelas="footer" >Ini bahagian bawah div>

Dan anda boleh susun aturnya dengan cara ini:

Kod XML/HTMLSalin kandungan ke papan keratan
  1. <pengepala>Ini ialah pengepalaheader>
  2. <kandungan>Ini ialah kawasan kandungan tengahkandungan>
  3. <pengaki>Ini bahagian bawah pengaki> 

Tetapi IE tidak menyokong ke hadapan, jadi jika kita mahu ia menyokong IE6, 7, dan 8, kita perlu menambah sedikit kod dalam js dan css, seperti berikut:

Kod XML/HTMLSalin kandungan ke papan keratan
  1. document.createElement("header"); document.createElement("kandungan");
  2. document.createElement("footer");
  3. css: pengepala, kandungan, pengaki{paparan:sekat}
Di atas bermaksud untuk menyesuaikan teg sebagai pengepala dan menetapkannya untuk menyekat paparan Kod lengkap dilampirkan di bawah:

Kod XML/HTML

Salin kandungan ke papan keratan

  1. >
  2. <html>
  3. <kepala>
  4. <meta charset="utf- 8"> 
  5. <tajuk>Gunakan tag semantik untuk menulis HTML anda, serasi dengan IE6,7, 8 tajuk>
  6. <gaya> 
  7. *{margin:0;padding:0;}
  8. pengepala, kandungan, pengaki{paparan:sekat}
  9. header{width:600px;height:150px;line-height:150px;border:1px solid #000;margin:10px auto;text-align:center;font-size:24px}
  10. kandungan{width:600px;height:250px;line-height:250px;border:1px solid #000;margin:10px auto;text-align:center;font-size:24px}
  11. pengaki{width:600px;height:150px;line-height:150px;border:1px solid #000;margin:10px auto;text-align:center;font-size:24px}
  12. gaya>
  13. <skrip taip="teks/ javascript"> 
  14. document.createElement("header");
  15. document.createElement("kandungan");
    16. document.createElement("footer");
    17. skrip> kepala>
    18. <
  18. badan> <
  19. pengepala>Ini ialah pengepalapengepala> <
  20. kandungan>Ini ialah kawasan kandungan tengahkandungan> <
  21. pengaki>Ini bahagian bawah pengaki> badan> html>

    Mari kita bercakap tentang sesuatu yang tidak berkaitan Mengapa kita perlu menulis html secara semantik?

    Pertama sekali, kod itu mudah dibaca Apabila orang lain melihat kod anda, mereka boleh memahaminya dengan sepintas lalu, ia memberi manfaat kepada perangkak enjin carian akan mengabaikan markup yang digunakan untuk prestasi dan hanya fokus pada penanda semantik.

    Jadi, cepat dan mula menulis HTML anda dengan tag semantik Selain itu, ia tidak sukar, bukan?

    Lampiran 1:

    Artikel di atas menggunakan teg semantik untuk menulis HTML anda dan serasi dengan IE6, 7 dan 8. Ini semua kandungan yang dikongsi oleh editor saya harap ia boleh memberi rujukan kepada anda, dan saya harap anda akan menyokong Skrip Rumah.

    Alamat asal: http://www.cnblogs.com/shouce/p/5385701.html

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Penjelasan terperinci tentang penggunaan teg tajuk dan teg perenggan dalam pengeluaran halaman XHTML_HTML/Xhtml_WebArtikel seterusnya：Penjelasan terperinci tentang penggunaan teg tajuk dan teg perenggan dalam pengeluaran halaman XHTML_HTML/Xhtml_Web

Artikel berkaitan

Lihat lagi