วิธีทำให้ข้อความมองไม่เห็นในโค้ด HTML

ผู้หญิงที่คาเฟ่ข้างทางกำลังอ่านอีเมล

เครดิตรูปภาพ: จาค็อบ Ammentorp Lund / iStock / Getty Images

แท็ก HTML หลายรายการมาพร้อมกับคุณสมบัติที่เรียกว่า "การมองเห็น" องค์ประกอบหนึ่งที่มีสไตล์นี้คือแท็ก div แท็ก div เป็นคอนเทนเนอร์ที่เก็บข้อความและรูปภาพในตำแหน่งที่แน่นอนบนหน้าเว็บ คุณสามารถใช้แท็กนี้เพื่อซ่อนข้อความบนหน้าเว็บ ล้อมรอบบล็อกข้อความของคุณด้วยแท็ก div และแท็กนั้นจะถูกซ่อนจากผู้ใช้ ซึ่งมีประโยชน์เมื่อคุณต้องการสร้างเมนูหรือเพจแบบไดนามิกที่ไม่แสดงข้อมูลจนกว่าผู้ใช้จะคลิกปุ่มหรือลิงก์

ขั้นตอนที่ 1

เปิดหน้าเว็บของคุณในโปรแกรมแก้ไขข้อความ ซึ่งอาจเป็นเรื่องง่ายๆ เช่น Notepad หรือโปรแกรมแก้ไข HTML ขั้นสูง เช่น Notepad++ หรือ Visual Studio

วิดีโอประจำวันนี้

ขั้นตอนที่ 2

วางแท็ก div ในส่วนของหน้าที่คุณต้องการวางข้อความ โค้ดด้านล่างวางแท็ก div โดยตั้งค่าคุณสมบัติการเปิดเผยเป็นซ่อน:

ขั้นตอนที่ 3

ป้อนข้อความภายในแท็ก div เพื่อวัตถุประสงค์ในการทดสอบ ให้ป้อน "My Hidden Text" ภายในแท็ก รหัสของคุณควรมีลักษณะดังนี้:

ข้อความที่ซ่อนของฉัน

ขั้นตอนที่ 4

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

หมวดหมู่

ล่าสุด

วิธีการติดตั้ง Linksys Wireless USB บน Mac

วิธีการติดตั้ง Linksys Wireless USB บน Mac

เครดิตรูปภาพ: รูปภาพ Justin Sullivan / Getty ภา...

วิธีทำให้หลายเซลล์ใหญ่ขึ้นบน Excel

วิธีทำให้หลายเซลล์ใหญ่ขึ้นบน Excel

ปรับขนาดเส้นขอบเซลล์บนเวิร์กชีต Excel เพื่อให้...

วิธีการแปลงแล็ปท็อปเป็นกล้องวงจรปิด DVR

วิธีการแปลงแล็ปท็อปเป็นกล้องวงจรปิด DVR

แปลงแล็ปท็อปของคุณเพื่อใช้เป็นกล้องวงจรปิด DVR...