home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

HTML5 semantic elements และเบราว์เซอร์เก่าที่รองรับ

Internet Explorer 8 และเวอร์ชันเก่ากว่าไม่รองรับ semantic elements เช่น nav, header และ article เพื่อจัดสไตล์ semantic elements ใช้ Modernizr สามารถเพิ่ม CSS บางส่วนเพื่อ block CSS โดยค่าเริ่มต้น

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

เรายังสามารถสร้างองค์ประกอบของตัวเองผ่าน JavaScript โดยเขียนโค้ดดังนี้:

<script>
  document.createElement('nav'); // nav is semantic element
  document.createElement('header'); // header is semantic element
  document.createElement('article'); // article is semantic element
</script>