10 สุดยอดแท็ก HTML ที่สามารถทำได้
ในขณะนี้มี รวม 142 องค์ประกอบ HTML มาตรฐานโดย W3C ไม่รวมอยู่ในขั้นตอนเริ่มต้นของการกำหนดมาตรฐานและสิ่งที่ล้าสมัย ที่กล่าวว่าเป็นไปได้ที่จะพลาดหรือลืมบางอย่างที่มีประโยชน์เมื่อจำเป็น.
ก่อนหน้านี้เราได้สรุปเทคนิค CSS ที่ดีที่สุดที่คุณอาจมองข้ามไป โพสต์นี้จะเตือนให้คุณทราบถึงแท็ก HTML บางส่วนที่คุณไม่ทราบว่าคุณสามารถใช้ในการปรับใช้คุณสมบัติต่างๆเช่น:
1. แผนที่รูปภาพ
HTML องค์ประกอบสามารถใช้ในการสร้างแผนที่ภาพ. แผนที่รูปภาพ โดยทั่วไปแล้วคือรูปภาพที่มีพื้นที่ที่คลิกได้ซึ่งสามารถเชื่อมโยงหลายมิติไปยังหน้าเว็บอื่นหรือส่วนอื่น ๆ ของเอกสารเดียวกันได้ คุณสามารถกำหนดพื้นที่ของรูปภาพที่สามารถคลิกได้โดยเพียงกล่าวถึงพิกัด X Y ที่สอดคล้องกันของจุดเหล่านั้นใน
องค์ประกอบที่ซ้อนกันภายใน
.
บันทึก: พื้นที่ที่สามารถคลิกได้นั้นไม่สามารถกำหนดสไตล์ด้วย CSS ได้ดังนั้นหากคุณต้องการให้เครื่องหมายเหล่านั้นถูกกำหนดสไตล์ให้ใช้ซอฟต์แวร์แก้ไขภาพอย่างง่ายเพื่อวาดเครื่องหมาย.
เคล็ดลับ: หากคุณต้องการทราบพิกัดสำหรับจุดในภาพให้เปิดภาพในซอฟต์แวร์แก้ไขภาพและเลื่อนเคอร์เซอร์ไปที่จุดนั้นคุณควรจะเห็นพิกัดของจุดนั้นในซอฟต์แวร์นั้น ๆ สำหรับ GIMP จะแสดงที่ด้านซ้ายของแถบด้านล่าง.
2. ป้อนคำแนะนำ
ใช้ เพื่อจัดทำรายการคำแนะนำที่เกี่ยวข้องที่ปรากฏขึ้นขณะพิมพ์ค่าอินพุต.
3. ไฮไลต์ข้อความ
ข้อความที่ไฮไลต์มักมีสีข้อความเข้มพร้อมพื้นหลังสีอ่อน คุณสามารถบรรลุเอฟเฟกต์ข้อความที่เน้นด้วยมาร์กอัปเพียงอย่างเดียว ข้อความใด ๆ ที่อยู่ใน จะมีผลกระทบนั้น.
คุณสามารถปรับแต่ง เน้นสี กับ สีพื้นหลัง
คุณสมบัติ CSS ของ และ สีข้อความ กับ
สี
คุณสมบัติ.
4. กำหนดแม่แบบ
พร้อมกับ HTML5 มาใหม่ ธาตุ.
องค์ประกอบเก็บมาร์กอัปไว้ข้างในซึ่งไม่ได้แสดงผลโดยเบราว์เซอร์มาร์กอัปที่อยู่ในนั้นจะถูกใช้ สร้างเนื้อหาแบบไดนามิก ในหน้า ใช้ JavaScript.
ตัวอย่างเช่นสมมติว่าคุณมี Fine print หมายถึงข้อความของเอกสารที่โดยปกติแล้วจะพิมพ์ในขนาดที่เล็กมากซึ่งประกอบด้วยข้อมูลเช่นเงื่อนไขข้อกำหนดข้อ จำกัด การอ้างอิงสิทธิ์ทางกฎหมาย ฯลฯ บันทึก: URL สัมพัทธ์ทั้งหมดในหน้านี้จะอ้างอิงตาม URL หลักหากคุณมีลิงค์ใด ๆ ที่มีโดเมนอื่นอย่าลืมกำหนด URL ที่สมบูรณ์ให้กับมัน. การพัฒนาเว็บที่ตอบสนองได้รับความนิยมด้วยการเข้าถึงมือถือที่เพิ่มมากขึ้นเรื่อย ๆ สามารถสลับภาพสำหรับขนาดหน้าจอที่แตกต่างกันด้วยมาร์กอัป บันทึก: ปัจจุบันสามารถใช้งานได้ใน Chrome เท่านั้น คุณจะต้องตั้งค่า HTML5 แนะนำองค์ประกอบประเภทอินพุตใหม่มากมาย องค์ประกอบอินพุตสีเป็นหนึ่งในนั้น ช่วยให้คุณสามารถเลือกสีบนเว็บเพจด้วยความช่วยเหลือของเครื่องมือเลือกสี. หากคุณมีตัวเลือกมากมายในรายการแบบเลื่อนลงและต้องการแสดงให้พวกเขาจัดกลุ่ม มาร์กอัปภายใน ตำแหน่งที่จะเพิ่มแถวแบบไดนามิกคุณสามารถใส่มาร์กอัพของแถวว่างของตารางนั้นลงใน
แท็กและเมื่อจำเป็นต้องเรียกใช้ฟังก์ชัน JavaScript ที่มีสคริปต์เพื่อคัดลอกมาร์กอัปจากภายในแท็กแม่แบบและเพิ่มลงในมาร์กอัปตาราง IE นี้ไม่รองรับ.
5. พิมพ์ละเอียด
แท็กใน HTML สามารถใช้ในการแสดงงานพิมพ์ที่ดี ตั้งแต่ HTML5 เป็นต้นไป
แท็กไม่เพียง แต่จะแสดงข้อความสไตล์ปรับพิมพ์ แต่ยังจะกำหนดความหมายเช่นเดียวกับการสละสิทธิ์ตามกฎหมายและคำเตือน.
6. กำหนด URL ฐาน
องค์ประกอบ HTML ค่อนข้างมีประโยชน์เมื่อคุณมีหลายลิงก์ในเอกสารของคุณด้วย URL โดเมนเดียวกันซึ่งจะช่วยให้คุณเพิ่ม URL พื้นฐานให้กับเอกสารซึ่งจะช่วยให้คุณเพิ่มเฉพาะ URL ที่เกี่ยวข้องกับลิงค์อื่น ๆ ในหน้าตามต้องการ.7. รูปภาพตอบสนอง
องค์ประกอบ HTML5 ช่วยให้คุณเพิ่มแหล่งรูปภาพต่าง ๆ สำหรับสื่อต่าง ๆ สำหรับรูปภาพภายใน.
dom.image.picture.enable
ไปยัง จริง
ใน เกี่ยวกับ config
ใน Firefox.8. ตัวเลือกสี
9. ตัวเลือกกลุ่ม
องค์ประกอบจะทำให้งานเสร็จ คุณยังสามารถจัดกลุ่มได้ด้วย CSS.
10. การ
ธาตุ
ถูกแสดงผลโดยเบราว์เซอร์เฉพาะเมื่อสคริปต์ถูกปิดใช้งาน แท็กนี้มีประโยชน์สำหรับการแจ้งให้ผู้ใช้ทราบเมื่อสคริปต์ถูกปิดการใช้งานในเบราว์เซอร์ของพวกเขาและเพื่อให้กลไกสำรองทางเลือกใด ๆ สำหรับส่วนประกอบบนหน้าเว็บที่จะหยุดทำงานโดยไม่ใช้ JavaScript.
อ่านแล้ว: 15 เคล็ดลับ CSS ที่มีประโยชน์ที่คุณอาจมองข้าม