ข้อความต้นฉบับ: http://andymao.com/andy/post/103.html
ส่วนก่อนหน้า : รายการที่ไม่ได้เรียงลำดับข้อมูลบางครั้งสรุปในความผิดปกติในขณะที่คนอื่นมีระเบียบที่ชัดเจนซึ่งถูกกล่าวถึงในบทความก่อนหน้า ดังนั้นเพียงแค่คิดเกี่ยวกับสิ่งที่รอบตัวคุณมีตามลำดับ: ขั้นตอนการดำเนินการการจัดอันดับแคตตาล็อกหนังสือ ... ในอดีตเมื่อเราเผชิญกับเนื้อหาเหล่านี้ที่ได้รับคำสั่งหรือระบุด้วยตัวเลขเราส่วนใหญ่เพิ่มค่าก่อนข้อมูลหรือเพิ่มค่านี้โดยโปรแกรม หากคุณใช้รายการที่สั่งซื้อคุณไม่จำเป็นต้องกรอกหมายเลขลำดับด้วยตัวเอง คุณสมบัตินี้ดูเหมือนจะไม่ชัดเจนเมื่อใช้รายการเลเยอร์เดียว แต่เมื่อใช้หลายเลเยอร์คุณสมบัติของมันจะชัดเจนมาก ดังนั้นก่อนอื่นให้เข้าใจรูปแบบรหัสของรายการที่สั่งซื้อ:
<ol>
<li> นี่คือเนื้อหาของรายการนี่เป็นประโยคแรก </li>
<li> นี่คือเนื้อหาของรายการนี่คือประโยคที่สอง </li>
<li> นี่คือเนื้อหาของรายการนี่เป็นประโยคที่สาม </li>
<li> นี่คือเนื้อหาของรายการนี่คือประโยคที่สี่ </li>
<li> นี่คือเนื้อหาของรายการนี่คือประโยคที่ห้า </li>
</ol>
ทุกคนเห็นว่ารูปแบบดั้งเดิมของมันเหมือนกับรายการที่ไม่ได้เรียงลำดับยกเว้นว่าชื่อนั้นแตกต่างกันบนฉลากอุปกรณ์ต่อพ่วง ความผิดปกติคือ UL และคำสั่งจะกลายเป็น ol ความแตกต่างคือรายการที่สั่งซื้อจะมีแอตทริบิวต์ฉลากมากกว่าที่ไม่ได้เรียงลำดับ เพราะการสั่งซื้อจะเกี่ยวข้องกับทุกด้านของคำสั่ง
เปลี่ยนค่าเริ่มต้นโดยปกติแล้วเบราว์เซอร์จะกำหนดหมายเลขโดยอัตโนมัติในลักษณะที่เป็นระเบียบเริ่มต้นจากตัวเลขภาษาอาหรับ 1 แต่สิ่งต่าง ๆ เป็นพิเศษ เมื่อรายการที่สั่งซื้อจะต้องถูกเปลี่ยนเป็นสองส่วนมันจะผิดปกติที่จะกำหนดจำนวนส่วนถัดไปตั้งแต่เริ่มต้น จากนั้นจำนวนของส่วนถัดไปจะเพิ่ม 1 เป็นหมายเลขเริ่มต้นตามหมายเลขสุดท้ายในวรรคก่อนหน้า ซึ่งหมายความว่าเราจำเป็นต้องเปลี่ยนค่าเริ่มต้นของรายการ แอตทริบิวต์ที่เปลี่ยนค่าเริ่มต้นคือ: เริ่มต้นวิธีที่เป็นทางการคือ:
<ol start = 6>
<li> นี่คือเนื้อหาของรายการนี่เป็นประโยคแรก </li>
<li> นี่คือเนื้อหาของรายการนี่คือประโยคที่สอง </li>
<li> นี่คือเนื้อหาของรายการนี่เป็นประโยคที่สาม </li>
<li> นี่คือเนื้อหาของรายการนี่คือประโยคที่สี่ </li>
<li> นี่คือเนื้อหาของรายการนี่คือประโยคที่ห้า </li>
</ol>
คุณสังเกตเห็นว่ารหัสด้านบนบอกว่าค่าเริ่มต้นของรายการเริ่มต้นจาก 6 ดังนั้นตอนนี้คุณสามารถลองเพิ่มแอตทริบิวต์นี้ในรายการที่สั่งซื้อเพื่อดูว่ามีการเปลี่ยนแปลงหรือไม่?
เปลี่ยนประเภทตัวเลขในเบราว์เซอร์ตัวเลขภาษาอาหรับมักจะแสดงตามค่าเริ่มต้น ดังนั้นจะมีประเภทอื่น ๆ ได้หรือไม่? ใช่แอตทริบิวต์เป็นประเภท แต่มีไม่กี่ประเภทที่ให้ไว้เพียงห้า:
ประเภทค่า สร้างลำดับสไตล์ ตัว อักษรตัวพิมพ์ใหญ่ A, B, C, D, E A ตัวอักษรตัวพิมพ์เล็ก A, B, C, C, E I Capital Roman Numerals I, II, III, IV, V I ตัวพิมพ์ใหญ่ของโรมัน I, III, IV, IV, V 1 ตัวเลขอาหรับ 1, 2, 3, 4, 5,
วิธีการเขียนในรหัสควรเป็น:
<ol type = a>
<li> นี่คือเนื้อหาของรายการนี่เป็นประโยคแรก </li>
<li> นี่คือเนื้อหาของรายการนี่คือประโยคที่สอง </li>
<li> นี่คือเนื้อหาของรายการนี่เป็นประโยคที่สาม </li>
<li> นี่คือเนื้อหาของรายการนี่คือประโยคที่สี่ </li>
<li> นี่คือเนื้อหาของรายการนี่คือประโยคที่ห้า </li>
</ol>
ฉันคิดว่ามันจะดีกว่าที่จะใช้ค่าประเภทนี้น้อยลงเพราะคุณสามารถตั้งค่าประเภทนี้โดยใช้ CSS ฉันมักจะสนับสนุนสิ่งที่สไตล์ควรทำด้วยภาษาสไตล์ จากนั้นเว้นแต่จะมีเหตุผลพิเศษก็จะเป็นการดีกว่าที่จะไม่ใช้แอตทริบิวต์นี้ แน่นอนว่า CSS1 และ CSS2 นั้นไม่ถือว่าเป็นจีนโดยทั่วไป มีตัวละครที่มีหมายเลขญี่ปุ่นใน CSS2 แต่ยังไม่มีภาษาจีน ฉันคิดว่า CSS2 ยังคงมีข้อบกพร่องในเรื่องนี้อย่างน้อยก็ไม่ได้ให้รูปแบบการขยายตัวที่ดีขึ้น แม้ว่าเขาจะไม่ได้จัดเตรียม แต่เราก็ยังสามารถบรรลุความหลากหลายในรูปแบบของเราเอง ทำอย่างไร? โปรดคิดก่อนเนื้อหาสไตล์ของรายการจะบอกคุณว่าฉันจัดการอย่างไร