โซลูชั่นการออกแบบที่ได้มาตรฐาน - คู่มือภาษามาร์กอัปและสไตล์
มาตรฐานเว็บโซลูชั่นคู่มือมาร์กอัปและสไตล์
ส่วนที่ 1: ลงมาร์กอัปเริ่มต้นด้วยมาร์กอัป
บทที่ 1 รายการ
รายการสามารถพบได้ในเกือบทุกหน้าบนเว็บ รายการไฮเปอร์ลิงก์; รายการตะกร้าสินค้า ภาพยนตร์ที่คุณชอบ ... และแม้แต่รายการการนำทางสำหรับทั้งเว็บไซต์ ดูเหมือนว่าบางรายการจะถูกสร้างขึ้นตามความประสงค์ แต่สิ่งที่เรากำลังจะสำรวจคือวิธีการสร้างรายการและข้อดีและข้อเสียของวิธีการทั่วไปหลายวิธี ต่อมาเราจะแสดงตัวอย่างวิธีการตกแต่งตอนของรายการปกติ
ไปช้อปปิ้งกันเถอะ
ตอนแรกฉันวางแผนที่จะใช้รายการรายละเอียด (รายการซักรีด) เป็นตัวอย่างสำหรับบทนี้ แต่ในไม่ช้าฉันก็รู้ว่าฉันไม่รู้ว่าควรรวมรายละเอียดใดในรายการนี้ดังนั้น ... เพื่อประโยชน์ของตัวอย่างลองใช้อาหารเป็นตัวอย่าง!
ลองจินตนาการว่าคุณต้องใส่รายการอาหารในเว็บไซต์ของคุณเอง คุณอาจงงงวยเกี่ยวกับสาเหตุที่คุณต้องการใส่รายการอาหารบนเว็บไซต์ นี่อาจเป็นหัวข้อ เราแค่ต้องการเหตุผลที่จะเริ่มคิดเกี่ยวกับรายการ ...
ในหน้าสมมติว่าเราต้องการให้รายการมีลักษณะ ... ดีดูเหมือนว่ารายการ - นั่นคือรายการแนวตั้งที่ยาวโดยแต่ละรายการโดยเฉพาะการใช้บรรทัดเดียว:
แอปเปิ้ล
สปาเก็ตตี้
ถั่วเขียว
น้ำนม
มันดูง่ายมากใช่มั้ย เช่นเดียวกับหลาย ๆ ด้านของการออกแบบและพัฒนาหน้าเราสามารถบรรลุเอฟเฟกต์ (หรือคล้ายกัน) เดียวกันผ่านวิธีการต่าง ๆ มากมาย เช่นเดียวกับตัวอย่างทั้งหมดในภายหลังในหนังสือเล่มนี้ฉันจะนำเสนอตัวอย่างทั้งหมดด้วยมุมมองของ Extensilble Hypertext Markup Language (XHTML) - และตรวจสอบให้แน่ใจว่าวิธีการที่เลือกใช้ไวยากรณ์มาร์กอัปที่ถูกต้องตามมาตรฐานต่างๆที่กำหนดโดย World Wild Web Consortium (W3C)
เราสามารถเพิ่มแท็ก <br /> ในแต่ละโครงการได้อย่างง่ายดายและทำเสร็จหรือเราสามารถใช้แท็กโครงการรายการต่างๆเพื่อทำงานนี้ให้เสร็จสมบูรณ์ ทีนี้มาดู 3 วิธีที่แตกต่างกันอย่างสิ้นเชิงและลักษณะของแต่ละวิธี