บทความ IT เจ๋งๆ
5 เคล็ดลับ HTML ที่ช่วยให้คุณพัฒนา Web ได้สะดวกและรวดเร็วขึ้น
27-พ.ย.-24
คัมภีร์เทพ IT
HTML ถือเป็นพื้นฐานที่สำคัญของการพัฒนา Web โดยทั่วไป Web Developer มักจะมุ่งเน้นไปที่ JavaScript, PHP หรือ Node.js แต่การได้เรียนรู้ Features รวมทั้งเคล็ดลับต่าง ๆ ของ HTML จะยิ่งช่วยให้การพัฒนา Web มีประสิทธิภาพมากขึ้น และนี่ก็เป็น 5 เคล็ดลับ HTML ที่ช่วยให้คุณพัฒนา Web ได้สะดวกและรวดเร็วขึ้น
1. Capture Attribute
Capture attribute
Capture Attribute จะถูกใช้เพื่อกำหนดแหล่งที่มา (Source) ของ Media Files (Photo, Video, Audio) ที่รับมาจาก User ซึ่งโดยปกติแล้วมันมักจะถูกใช้งานร่วมกับ Input Element และค่าของ Attribute นี้จะช่วยให้ User สามารถ Capture Content ได้โดยตรงด้วยการเปิดกล้อง ไมโครโฟน หรือ Media Source อื่น ๆ ของ Device
มันมีค่าให้เลือก 2 แบบเพื่อควบคุม Input โดย capture:user จะใช้กล้องหน้าหรือไมโครโฟนของ User และ capture:environment จะใช้กล้องหลังของ User เพื่อ Capture Input Data
2. การ Refresh อัตโนมัติ
Auto Refresh
คุณสามารถตั้งค่าให้ Website ทำการ Refresh ตามช่วงเวลาที่กำหนดได้จาก Head Tag คุณเพียงตั้งค่า Code ใน Head Tag ซึ่ง Code จากตัวอย่างนี้จะ Refresh Page ทุก ๆ 10 วินาที
3. ตรวจการสะกดคำอัตโนมัติ
เปิดใช้งาน Spell Check
คุณสามารถใช้ Spellcheck Attribute ของ HTML โดยตั้งค่าให้เป็น True เพื่อเปิดใช้งานการตรวจการสะกดคำ คุณสามารถกำหนดภาษาที่ต้องการโดยใช้ Lang Attribute
มันเป็น Attribute มาตรฐานและสามารถใช้งานได้กับ Browsers ส่วนใหญ่ เช่น Chrome และ Mozilla เป็นต้น
4. ระบุประเภท File ที่อนุญาตให้ Upload ได้
ระบุประเภทของไฟล์ที่สามารถ Upload ได้
คุณสามารถระบุประเภท File ที่อนุญาตให้ User สามารถ Upload ได้ใน Input Tag ด้วยการใช้ Accept Attribute
5. ป้องกันการแปลภาษา
ป้องกันการแปลภาษา
คุณสามารถตั้งค่า Translate Attribute ให้เป็น No เพื่อป้องกันการแปลคำหรือวลี
สิ่งนี้มีประโยชน์อย่างยิ่งในกรณีที่คุณไม่ต้องการให้คำบางคำหรือชื่อ Brand ถูกแปลออกไป เช่น โลโก้ ชื่อบริษัท หรือ ชื่อ Brand
และนี่ก็เป็น 5 เคล็ดลับ HTML ที่ช่วยให้คุณพัฒนา Web ได้สะดวกและรวดเร็วขึ้น หากคุณเรียนรู้ Features เคล็ดลับ ต่าง ๆ ที่เกี่ยวข้องกับการทำงานของคุณ ไม่ว่าจะทางตรงหรือทางอ้อม
ที่มา: https://medium.com/developers-corner/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด