การแนะนำบทความของ wulin.com (www.vevb.com): การพัฒนาเทคโนโลยีอินเทอร์เน็ตนั้นรวดเร็วอย่างน่าอัศจรรย์ หากคุณไม่ระวังคุณอาจไม่สามารถติดตามได้ การเปลี่ยนแปลงและการอัปเดตของ HTML5 นั้นทำให้ผู้คนจำนวนมากครอบงำ บทความนี้จะแนะนำเทคนิค HTML ขั้นพื้นฐานและจำเป็นมากที่สุดให้กับคุณ
การพัฒนาเทคโนโลยีที่เชื่อมต่อนั้นรวดเร็วอย่างน่าอัศจรรย์ หากคุณไม่ระวังคุณอาจไม่สามารถติดตามได้ การเปลี่ยนแปลงและการอัปเดตของ HTML5 นั้นทำให้ผู้คนจำนวนมากครอบงำ บทความนี้จะแนะนำเทคนิค HTML ขั้นพื้นฐานและจำเป็นมากที่สุดให้กับคุณ
1. ประเภทเอกสารใหม่ (Doctype)
คุณยังคงใช้ประเภทเอกสาร XHTML ด้านบนซึ่งมีทั้งปัญหาและยากที่จะจำได้หรือไม่? หากยังเป็นกรณีนี้ถึงเวลาที่จะเปลี่ยนเป็นประเภทเอกสาร HTML5 ใหม่
แค่อักขระ 15 ตัวง่ายๆ (หมายเหตุ: การประกาศ doctype ของคุณจำเป็นต้องปรากฏในบรรทัดแรกของไฟล์ HTML ของคุณ)
2. องค์ประกอบกราฟิก (รูป)
พิจารณาใช้รหัสต่อไปนี้เพื่อทำเครื่องหมายภาพ?
น่าเสียดายที่มันไม่สามารถเชื่อมโยงกับชื่อของกราฟในแบบที่เรียบง่ายและมีความหมายเพราะมันถูกห่อหุ้มด้วยเครื่องหมายวรรคและองค์ประกอบภาพและ HTML5 ปรับปรุงสิ่งนี้โดยการแนะนำองค์ประกอบ <รูป> เมื่อใช้ร่วมกับองค์ประกอบ <potcaption> เราสามารถจับคู่ชื่อกราฟิกกับกราฟิก รหัสมีดังนี้:
3. นิยามใหม่ <small>
ปรากฎว่าคุณสามารถใช้องค์ประกอบ <small> เพื่อสร้างคำบรรยายที่เกี่ยวข้องกับโลโก้อย่างใกล้ชิด อย่างไรก็ตามตอนนี้ HTML5 ได้ปรับเปลี่ยนการใช้งานนี้และองค์ประกอบ <small> ได้รับการนิยามใหม่หรือเหมาะสมกว่าตอนนี้มันถูกใช้เพื่อแสดงคำเล็ก ๆ หรือบันทึกย่ออื่น ๆ (เช่นประกาศลิขสิทธิ์ที่ด้านล่างของเว็บไซต์)
4. ไม่จำเป็นต้องใช้สคริปต์หรือประเภทลิงก์อีกต่อไป
เป็นไปได้มากว่าคุณจะยังคงเพิ่มคุณสมบัติของประเภทไปยังลิงก์และแท็กสคริปต์ของคุณเช่นรหัสด้านล่าง
ใน HTML5 ไม่จำเป็นต้องใช้อีกต่อไป หมายความว่าฉลากทั้งสองนี้แสดงถึงสไตล์และสคริปต์ตามลำดับ ดังนั้นเราสามารถลบแอตทริบิวต์ประเภททั้งหมดของพวกเขา รหัสมีดังนี้:
5. ใช้หรือไม่พูด
โปรดจำไว้ว่า HTML5 นั้นแตกต่างจาก XHTML และคุณไม่จำเป็นต้องห่อแอตทริบิวต์เป็นคำพูดหากคุณไม่ชอบ อย่างไรก็ตามหากคุณคิดว่าการใช้คำพูดจะทำให้คุณรู้สึกสะดวกสบายมากขึ้นแน่นอนว่าจะไม่มีปัญหา
6. ทำให้เนื้อหาของคุณแก้ไขได้
หนึ่งในคุณสมบัติที่ทรงพลังมากของ HTML5 นั้นเป็นที่ชื่นชอบซึ่งเป็นชื่อที่แสดงถึงจะช่วยให้ผู้ใช้สามารถแก้ไขเนื้อหาข้อความใด ๆ ที่อยู่ในองค์ประกอบ (รวมถึงองค์ประกอบลูกของเขา) มันมีการใช้งานที่หลากหลายเช่นรายการงานง่าย ๆ หรือไซต์ที่ใช้วิกิและข้อดีอย่างหนึ่งคือมันใช้ที่เก็บข้อมูลในท้องถิ่น
หรือตามที่เคล็ดลับที่ห้าบอกว่าคุณสามารถเขียนรหัสบนบรรทัดเก้าเช่นนี้ (โดยไม่มีคำพูด):
7. อินพุตอีเมล
หากเราใช้ประเภทอีเมลเพื่อระบุรูปแบบของอินพุตเราสามารถสั่งเบราว์เซอร์ให้อนุญาตเฉพาะอินพุตสตริงที่สอดคล้องกับโครงสร้างที่อยู่อีเมลที่ถูกต้อง แม้ว่าการตรวจสอบแบบฟอร์มในตัวจะมาถึงเร็ว ๆ นี้เราไม่สามารถพึ่งพาสิ่งนี้ได้ทั้งหมด เบราว์เซอร์เก่าไม่เข้าใจประเภทอีเมลนี้พวกเขาเพียงแค่กลับไปที่กล่องข้อความปกติ
เมื่อพูดถึงองค์ประกอบและคุณลักษณะที่เบราว์เซอร์รองรับและไม่รองรับคุณต้องรู้ว่าเบราว์เซอร์ทั้งหมดไม่น่าเชื่อถือในปัจจุบัน ตัวอย่างเช่น Opera รองรับการตรวจสอบอีเมลเท่านั้นหากคุณระบุแอตทริบิวต์ชื่อ อย่างไรก็ตามไม่สนับสนุนแอตทริบิวต์ตัวยึด (ตามที่จะกล่าวถึงด้านล่าง) ในที่สุดในขณะที่คุณสามารถใช้การตรวจสอบรูปแบบนี้อย่าพึ่งพามันมากเกินไป