5 องค์ประกอบ HTML ที่คุณอาจไม่รู้วิธีใช้

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

ในโพสต์ของวันนี้เราจะพิจารณาองค์ประกอบ HTML ห้าประการซึ่งบางส่วนคุณอาจใช้เป็นประจำ อาจไม่เต็มศักยภาพ.

1.

ธาตุ มีฟังก์ชั่นที่คล้ายกับ ข้อมูล-* แอตทริบิวต์. มันสามารถใช้ในการ ให้ข้อมูลที่เครื่องอ่านได้ สำหรับเนื้อหาที่ใช้งานง่าย ราคา คุณลักษณะขององค์ประกอบนี้ดำเนินการเพิ่มข้อมูล.

 
หนังสือสามเล่มของเดอะลอร์ดออฟเดอะริงส์คือ: มิตรภาพของแหวน, หอคอยสองหอ, และ การกลับมาของราชา.
 
ISBN ของหนังสือที่กล่าวถึงในหน้านี้: 
 

ใน HTML ด้านบน ISBN ของหนังสือแต่ละเล่มคือ เพิ่มใน ราคา คุณลักษณะของ ธาตุ ที่ล้อมรอบชื่อหนังสือ ในตลาดหนังสือ ISBN จะใช้ในการระบุหนังสือที่ไม่ซ้ำ.

 const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') 

เพื่อแสดงให้คุณเห็นถึงวิธีการแยกไฟล์ ค่าใน JavaScript ซึ่งเป็นสคริปต์ด้านบน แยก ISBN ออกจาก แท็ก และแสดงพวกเขาพร้อมกับชื่อหนังสือในสถานที่ที่กำหนดในหน้า.

2.

เป็นไปได้ว่าคุณคุ้นเคยกับ องค์ประกอบอย่างไรก็ตามมัน ไม่เพียง แต่สำหรับช่องทำเครื่องหมาย. มันสามารถ ควบคุมอื่น ๆ labellable องค์ประกอบ เช่นเดียวกับการดำเนินการของพวกเขาเช่นเดียวกับที่มันทำการกระทำของช่องทำเครื่องหมาย.

คุณต้อง ใช้ค่าเดียวกัน สำหรับ รหัส คุณลักษณะขององค์ประกอบ HTML ที่คุณต้องการควบคุมและ สำหรับ คุณลักษณะของเป็นของ แท็ก.

  คลิกที่ข้อความนี้คลิกที่ปุ่มด้านล่าง.   ALERT  

คลิกที่ข้อความของ จะ กระตุ้นให้ คลิก เหตุการณ์ของ และแสดงข้อความแจ้งเตือนที่กำหนด.

3.

องค์ประกอบนี้คือ ส่วนใหญ่ใช้สำหรับภาษาเอเชียตะวันออก, อย่างไรก็ตามนี่ไม่ใช่”กรณีใช้งานเพียงอย่างเดียว วัตถุประสงค์ของ เป็นเพียงเพื่อ เพิ่มคำอธิบายประกอบหรือการออกเสียงสำหรับข้อความ, และคุณสามารถทำได้ด้วยเนื้อหาภาษาอังกฤษเช่นกัน.

องค์ประกอบ ล้อมรอบสององค์ประกอบย่อยหลัก, คือ และ . แท็กเก็บข้อความที่คุณต้องการใส่คำอธิบายประกอบ (เรียกว่า ฐาน ข้อความ) และ เก็บคำอธิบายประกอบเอง.

 
บุคคลที่จัดตั้งธุรกิจหรือธุรกิจที่รับความเสี่ยงทางการเงินโดยหวังผลกำไรนั้นถูกเรียก ผู้ประกอบการâ ?? ย ?? ?? ÃÂ'ntrà ?? ?? ÂÂพระ ?? ?? ?? Ãย ?? ?? nÃย ?? ?? Ãย ??; ผู้ก่อการในอุตสาหกรรมบันเทิง.
 

การออกเสียงของ “ผู้ประกอบการ” เพิ่มคำแล้ว ใช้ องค์ประกอบภายในย่อหน้า. คำที่ถูกห่อใน แท็กและการออกเสียงใน .

นี่คือลักษณะของเอาต์พุต:

4.

องค์ประกอบสำหรับรายการสั่งซื้อ เป็นอีกองค์ประกอบที่คุณอาจคุ้นเคย มันสร้างรายการที่ มีองค์ประกอบที่มีหมายเลข, ตรงข้ามกับรายการที่ไม่ได้เรียงลำดับซึ่งสร้างด้วย
.

คุณอาจรู้เกี่ยวกับการสั่งซื้อ แต่คุณรู้หรือไม่ว่า คำสั่งซื้อสามารถกลับรายการ? แทนคำสั่งที่เพิ่มขึ้น, การลดจำนวน ยังสามารถทำได้โดย

, ใช้ ย้อนกลับ คุณลักษณะ.

 
 
ดิ้นรน
 
ไพ่นกกระจอก
 
ผู้ผูกขาด
 
หมากรุก
 
Jenga
 
 

ย้อนกลับ คุณลักษณะ ย้อนกลับการกำหนดหมายเลข, ในขณะที่ ชนิด คุณลักษณะ กำหนดประเภทของการกำหนดหมายเลข. เมืองหลวงฉันหมายถึงการนับเลขโรมัน.

นี่คือลักษณะที่ปรากฏบนหน้าจอ:



5.

องค์ประกอบหมายถึง ตัดคำที่กำหนดโดยข้อความโดยรอบ. ข้อความที่ล้อมรอบด้วย แท็กคือ สไตล์โดยเบราว์เซอร์ที่มีตัวเอียง, ความหมายนี้เป็นคำที่ถูกกำหนด.

คุณสามารถเพิ่มคำจำกัดความของคำศัพท์ได้ ในคุณค่าของมัน หัวข้อ คุณลักษณะที่มีประโยชน์ กำหนดคำที่ไม่จำเป็นต้องกำหนดโดยข้อความที่อยู่รอบ ๆ.

ธาตุ ทำงานคล้ายกับ ซึ่งแสดงความหมายของตัวย่อที่กำหนดใน หัวข้อ คุณลักษณะเมื่อผู้ใช้เลื่อนเมาส์ไปที่องค์ประกอบ.

 
มี  ขั้ว  ระหว่างการออกแบบและต้นแบบ.
 

นี่คือมัน การออกแบบเบราว์เซอร์เริ่มต้น, อย่างไรก็ตามในไซต์การผลิตคุณอาจต้องการใช้สไตล์ที่แตกต่าง:



ใช้เคอร์เซอร์เหนือคำที่กำหนดหน้าจะ แสดงคำจำกัดความที่เพิ่มเข้ามาใน หัวข้อ คุณลักษณะ.