ol, ul, li

สิ้นสุดกันทีกับการใช้ ตาราง ผิดที่ผิดเวลา หลายคนคงเคยเป็นเหมือนผม ตอนหัดทำเว็บใหม่ๆ หรือทำเว็บจนชิน เวลาที่ต้องการทำเมนู ไม่ว่าจะแนวตั้ง หรือแนววนอน ต้อง ง้อ <table> ช่วยกำหนดตลอด ว่า จะเอาสักกี่แถว กี่สดมน์ ดี โดยหารู้ไม่ว่า เป็นการเอาขวานมาเหลาดินสอชัดๆ

ยังไง?? ก็มันเป็นการใช้ของไม่ถูกลักษณะ นั่นอะดิครับพี่น้อง แล้วเราจะแก้ไขมันยังไง เขาบอกว่า จะทำเมนู ให้ใช้ ul กับ li ขอรับ ซึ่งก่อนที่เราจะไปผสมผสานเรียนรู้เรื่องการทำเมนูด้วย ul, li กันนั้น มาทำความรู้จักแบบคร่าวๆ กันสักนิด กับ

order, unorder และ list หรือ ol,ul และ li นั่นเอง

การเรียกใช้ ol, ul, li จะเหมาะก็ต่อเมื่อเราต้องการทำลิสต์รายการเป็นข้อๆ เป็นขั้นตอน สามารถใช้ ol หรือ ordered list ใช้ในกรณีที่เราต้องการเรียง Li ให้แสดงเป็นข้อๆ เรียงลำดับแบบตัวเลข หรือ ul ( unordered list) ในกรณี ที่เราไม่ต้องการแสดงเป็นหัวข้อ แต่ต้องการให้ข้อมูลไล่เรียงกันลงมาแบบต่อเนื่อง

ผมเคยเป็นคนหนึ่งที่เคยเอาตารางมาใช้งานในลักษณะของงาน ul ซึ่งกว่าจะรู้ว่ามันใช้ไม่ถูกวิธีก็ล่อเวลาไปนานโข แต่ตอนนี้ ผมเปลี่ยนมาใช้ ออเดอร์ อันออเดอรด์ ลิส แย้วว

ส่วน เอาไปใช้แล้ว จะเอา css ไปแต่งองค์ทรงเครื่องยังไงนั้น เดี๋ยวไปดูกันต่อในโอกาสต่อไปครับ
ตัวอย่าง

List Element

รักกันชอบกันอย่าลืมแชร์นะครัช:
error0
Tweet 20
fb-share-icon20

Back to Top

4 Responses to ol, ul, li

  1. Hman

    ผมก็ใช้ตารางมาจนชินแล้ว เห็นทีต้องเปลี่ยนพฤติกรรม

    ขอบคุณมากครับ

    Reply

  2. jommann

    เหมือนกันเลยครับ ตาราง อะไรที่ไม่ได้ ตารางก่อนเป็นอันดับแรก คิดอะไรไม่ออก บอก table หุหุ

    Reply

  3. dogdoy

    ผมสงสัยตรงการใส่ <ul> หรือ <ol> ด้านใน กับด้านนอก <li> </li> อ่ะครับ

     

     
    มันมีผลแตกต่างกันในเรื่องของลำดับความสำคัญของข้อมูลหรือว่าให้ความหมายที่แตกต่างกันหรือเปล่าครับ

    Reply

  4. Aor Ampika

    ขอบคุณพี่พร

    ที่ช่วยให้หนู ใช้ ul, ol ให้ถูกลักษณะข้อมูล

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to Top

Social Share Buttons and Icons powered by Ultimatelysocial