ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
article, aside, nav {display:left;}
article, aside {float: left;}
article {width:600px;}
nav {width: 250px;}
</style>
</head>
<body>
<article>
<h1> สร้าง Sideder ด้วย เอเลเม็นท์ aside </h1>
<p><strong>เอเลเม็นท์ aside ใชักับกลุ่มของเนื้อหาที่เกี่ยวข้องกับเนื้อหารอบๆ แบบไม่ได้ซ้อนทับ เช่น จัดลำดับรายการของโพสต์ ,หมวดหมู่ของบล็อก,คอมเม้นล่าสุด เป็นต้น เนื้อหาประเภทนี้เกี่ยวข้องกับเนื้อหาในเพจหลัก แต่อยู่แยกออกมา
ในการพัฒนาเว็บสมัยนี้ การที่มีแถบข้างหรือที่เรียกว่า Sidebar ในเพจถือเป็นเรื่องปกติ อาจไม่จำเป็นต้องวางอยู่ด้านซ้ายเสมอไปก็ได้ แต่ส่วนใหญ่จะมีใว้ใส่ลิงค์ที่เกี่ยวข้องกันหรือราชชื่อหมู่หมวดเอาไว้ในนั้น การใช้เอเลเม้นท์ aside อย่างถูกต้องขึ้นอยู่กับว่าคุณจะวางไว้ที่ไหน ถ้าว่าใน article เนื้อหาของส่วน aside
ก็ควรจะสัมพันธ์กับเนื้อหาของ article สักนิดหน่อย เช่น อภิธานศัพท์ เป็นต้น หรือถ้า aside อยู่นอก article หรือ section ละก็ เนื้อหานั้นก็ต้องมีความสัมพันธ์กับเพจ เช่น ลิงค์ที่เกี่ยวข้อง,โฆษณาที่เกี่ยวข้อง
กับเว็บไซต์ เป็นต้น</strong>
</p></article>

<aside>
<h2> aside link </h2>
<nav>
<ul>
<li><a href="#"> หมวดหมู่ 1</a></li>
<li><a href="#">หมวดหมู่ 2</a></li>
<li><a href="#">หมวดหมู่ 3</a></li>
</ul>
</nav>
</aside>
</body>
</html>

 ที่มา : หนังสือรวมโค้ด HTML5 (แปลเเละเรียบเรียงโดย ไพบูลย์สวัสดิ์ปัญญาโชติ)

ศึกษาเพิ่มเติมได้ที่ : http://www.w3schools.com/tags/tag_aside.asp

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 22 พฤษภาคม 2561
โดย Rujikon อ 22 พฤษภาคม 2018 10:37 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
0
4
อ 22 พฤษภาคม 2018 10:37 am โดย Rujikon
งานประจำวันที่ 22 พฤษภาคม 2561
โดย rangsan อ 22 พฤษภาคม 2018 9:47 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
4
อ 22 พฤษภาคม 2018 9:47 am โดย rangsan
งานประจำวันที่ 22 พฤษภาคม 2561
โดย Parichat อ 22 พฤษภาคม 2018 9:36 am บอร์ด M061 - ปาริชาติ รัตโณภาส
0
2
อ 22 พฤษภาคม 2018 9:36 am โดย Parichat
โน๊ตช่วยจำของ M061
โดย Parichat จ 21 พฤษภาคม 2018 11:50 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
1
1
จ 21 พฤษภาคม 2018 11:52 pm โดย Parichat
งานประจำวันที่ 21 พฤษภาคม 2561
โดย Parichat จ 21 พฤษภาคม 2018 6:53 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
3
8
จ 21 พฤษภาคม 2018 11:57 pm โดย Parichat
Re - R ทำปิดบัญเขียนด้วย IDE Test เป็น webdriver
โดย rangsan จ 21 พฤษภาคม 2018 7:02 pm บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
4
จ 21 พฤษภาคม 2018 7:02 pm โดย rangsan
แนะนำฟีดเจอการทำงานของระบบ OpenERP
โดย Rujikon จ 21 พฤษภาคม 2018 7:01 pm บอร์ด M060 - นายรุจิกร พงษ์พิละ
0
2
จ 21 พฤษภาคม 2018 7:01 pm โดย Rujikon
สอบถามสิทธิประกันสังคม บริการทางการแพทย์
โดย AePongsak จ 21 พฤษภาคม 2018 4:37 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
3
16
จ 21 พฤษภาคม 2018 6:14 pm โดย AePongsak
การติดตั้ง Selenium IDE บน FireFox เพือใช้ในการทำ Automate Test
โดย rangsan จ 21 พฤษภาคม 2018 4:27 pm บอร์ด Share Knowledge
0
9
จ 21 พฤษภาคม 2018 4:27 pm โดย rangsan
Q - ต้องการที่จะทำให้ Selenium นั้นคลิกปุ่มตามที่กำหนด
โดย rangsan จ 21 พฤษภาคม 2018 3:23 pm บอร์ด Selenium
3
9
จ 21 พฤษภาคม 2018 5:14 pm โดย rangsan
การสร้าง Field สำหรับ XML Form ในระบบ Joomla
โดย Parichat จ 21 พฤษภาคม 2018 2:52 pm บอร์ด Joomla Developing Knowledge
0
10
จ 21 พฤษภาคม 2018 2:52 pm โดย Parichat
B - MJUpgrade ค้างที่ขั้นตอน Upgrading
โดย tsukasaz จ 21 พฤษภาคม 2018 11:00 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
3
จ 21 พฤษภาคม 2018 5:59 pm โดย tsukasaz
B-ไม่สามารถส่งอีเมลล์หาลูกค้าใน Lead ได้
โดย watcharin จ 21 พฤษภาคม 2018 10:33 am บอร์ด M.D.Soft Co.,Ltd. - Tester
1
9
จ 21 พฤษภาคม 2018 10:43 am โดย mindphp
งานประจำวันที่ 21 พฤษภาคม 2561
โดย Rujikon จ 21 พฤษภาคม 2018 9:56 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
16
จ 21 พฤษภาคม 2018 7:37 pm โดย Rujikon
งานประจำวันที่ 21 พฤษภาคม 2561
โดย rangsan จ 21 พฤษภาคม 2018 9:56 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
1
6
จ 21 พฤษภาคม 2018 7:04 pm โดย rangsan
B - Write Checks error
โดย thatsawan อ 20 พฤษภาคม 2018 11:08 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 20 พฤษภาคม 2018 11:08 pm โดย thatsawan
B - กรณีที่เปิด sup inv 2 ใบสถานะ open เเล้วเปิด Sup Payments inv 2 ใบ สถานะ open เเล้วcancel inv 1 ทำให้ Sup Paymenพัง
โดย thatsawan อ 20 พฤษภาคม 2018 10:57 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
3
อ 20 พฤษภาคม 2018 10:57 pm โดย thatsawan
B - error Supplier Payments
โดย thatsawan อ 20 พฤษภาคม 2018 10:29 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 20 พฤษภาคม 2018 10:29 pm โดย thatsawan
งานประจำวัน 19 พฤษภาคม 2561
โดย patcha635 ส 19 พฤษภาคม 2018 7:26 pm บอร์ด M059 - พัชมณ สุวรรณ
0
3
ส 19 พฤษภาคม 2018 7:26 pm โดย patcha635
Re: R - รับค่าจากฟอร์ม รับ Selenium webdirve เพื่อ ทำ automates test ระบบ ERP
โดย rangsan ส 19 พฤษภาคม 2018 7:08 pm บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
5
ส 19 พฤษภาคม 2018 7:08 pm โดย rangsan