บทความ IT เจ๋งๆ
7 HTML Elements มีประโยชน์ ที่คุณอาจยังไม่เคยลองใช้
18-พ.ย.-22
คัมภีร์เทพ IT
การค้นหา HTML Elements เจ๋ง ๆ และมีประโยชน์ในการทำงาน โดยที่คุณยังไม่แน่ใจว่ากำลังมองหาอะไรและพวกมันจะตอบโจทย์กับปัญหาของคุณหรือไม่ นั้นไม่ใช่เรื่องง่าย ดังนั้น บทความนี้จะมาแนะนำ 7 HTML Elements มีประโยชน์ ที่คุณอาจยังไม่เคยลองใช้ เพื่อให้เป็นตัวเลือกเพิ่มเติมในการทำงานของคุณ
1. meter & progress
สำหรับ progress element เป็นสิ่งที่แสดง progress bars ซึ่งชื่อมันก็ตรงตามความหมายของมันเลย
ส่วน meter element ก็เปรียบเสมือน progress ที่มีความพิเศษยิ่งขึ้น คือนอกเหนือจากการแสดงการวัดสเกลาร์ภายใน Range ที่รู้จักแล้ว มันยังช่วยให้คุณระบุ Range ค่าต่ำ ค่าสูง และค่าที่เหมาะสมที่สุดได้
2. sup & sub
คุณสามารถเพิ่มตัวยก (เช่น x²) ด้วย sup และตัวห้อย (เช่น x₀) โดยใช้ sub ใน Document ของคุณ
3. datalist
datalist จะช่วยให้คุณสามารถเพิ่มคำแนะนำการเติมข้อความอัตโนมัติ (Autocomplete Suggestions) ให้กับ Input Elements ของคุณ
หมายเหตุ:
- Suggestions ในที่นี้ ไม่ได้จำกัดเฉพาะการป้อนเฉพาะ Text เท่านั้น แต่สามารถใช้กับการป้อน Color, Date, Time, หรือแม้แต่ Range อีกด้วย
- ด้วยค่า Default Style ของ Suggestions นั้น อาจเป็นอะไรที่ไม่ค่อยสวยงามนัก แต่คุณก็สามารถจัดการกับ Style ได้โดยใช้ CSS
4. map & area
map และ area จะช่วยให้คุณสร้าง Image Maps ซึ่งเป็นศัพท์เฉพาะสำหรับ Image ที่มีพื้นที่ ที่สามารถคลิกได้
5. details & summary
details และ summary ถูกใช้งานเพื่อสร้าง Content ที่สามารถยุบได้โดยที่ไม่ต้องใช้ JavaScript แต่อย่างใด ซึ่งมันก็คล้าย ๆ กับแนวทางการสร้าง Dropdowns นั่นเอง
6. object
object จะช่วยให้คุณสามารถ Embed Files ได้หลากหลายประเภท เช่น PDF, Images, Videos, Audio หรือแม้แต่ YouTube Videos
7. abbr
abbr element จะช่วยให้คุณสามารถเพิ่มตัวย่อลงใน Document ของคุณได้ เมื่อ User วาง Mouse ไว้เหนือตัวย่อ มันก็จะแสดง Form แบบเต็ม ๆ ขึ้นมาให้ นอกจากนี้ Screen Readers ยังสามารถถูกกำหนดค่าให้แสดงผลของ Form ทั้งหมดเมื่อพบคำย่อได้อีกด้วย
ที่มา: https://tapajyoti-bose.medium.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด