เอกสารประกอบวิชาอาชัพธุรกิจ 2 ภาคเรียนที่ 2 ปีการศึกษา 2556 โรงเรียนเรยีนาเชลีวิทยาลัย

1. วิชา อาชีพธุรกิจ 1 (ง 31102)
โรงเรียนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่
Semantic Markup
Semantic Markup คือ คุณสมบัติที่ช่วยจัดหมวดหมู่ของเนื้อหาต่างๆ ในเว็บไซต์ให้อยู่ในตาแหน่งและ
เป็นระเบียบ
1. Article เป็น element ที่นาเสนอเนื้อหา เปรียบเหมือนหน้าเอกสารหน้าหนึ่งที่มีเนื้อหาอย่างใดอย่าง
หนึ่งอยู่ข้างใน
<article id="comment1">
<p>ทดสอบ</p>
<footer>
<p><time datetime="2012-07-19">20 นาทีทแล้ว</time></p>
ี่
</footer>
</article>
2. Header เป็น element ที่บอกว่านี่คือส่วนหัวของเอกสาร header คือส่วนขยายของ article
<header>
<hgroup>
<h1>ส่วนหัวเว็บ</h1>
</hgroup>
</header>

2. วิชา อาชีพธุรกิจ 1 (ง 31102)
โรงเรียนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่
3. aside กาหนดเนื้อหาส่วนเสริมแยกจากเนื้อหาหลัก
<aside>
<h1>โรงเรียนเรยีนาเชลีวทยาลัย</h1>
ิ
<p>ยินดีรับใช้ด้วยใจ serviam </p>
</aside>
4. nav คือส่วน navigator ของเอกสารภายใน nav จะมี link ไปยังหน้าเว็บอื่น หรือ URL อื่น
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
5. Section เป็นส่วนเนื้อหาของเอกสาร แบบที่เป็นเนื้อหาจริงๆ ที่อยู่ใน article หรืออาจจะใช้เป็นเนื้อหา
ในแต่ละบท
<section>
<h1>โรงเรียนเรยีนาเชลีวทยาลัย</h1>
ิ
<p>ยินดีรับใช้ด้วยใจ serviam</p>
</section>