เนื้อหาข้อความ HTML5

องค์ประกอบความหมายในเนื้อหาข้อความมักใช้เพื่ออธิบายชิ้นส่วนเนื้อหาพิเศษ องค์ประกอบความหมายเหล่านี้สามารถใช้เพื่อทำเครื่องหมายข้อมูลที่สำคัญเช่นชื่อ, การประเมินผล, ข้อควรระวัง, วันที่ ฯลฯ

องค์ประกอบรวมถึง: <bdi>, <bitials>, <summary>, <mark>, <output>, <ruby>, <rp>, <time>, <wbr>, ฯลฯ

<bdi>: กลางเนื้อหาของทิศทางข้อความที่คั่นด้วยองค์ประกอบหลักและใช้ทิศทางข้อความเริ่มต้นของระบบ

<inice>: ใช้เพื่ออธิบายรายละเอียดของเอกสาร

<summary>: ชื่อขององค์ประกอบ <pitiels> ถูกทำเครื่องหมาย

<mark>: lalate ข้อความที่โดดเด่น

<เอาท์พุท>: ทำเครื่องหมายพื้นที่ที่เนื้อหาจะถูกกรอกในอนาคต

<Ruby>: หมายเหตุทำเครื่องหมาย (การออกเสียงภาษาจีนหรือตัวละคร)

<RT>: ใช้ในองค์ประกอบ <Ruby> กำหนดการตีความหรือการออกเสียงของตัวละคร (การออกเสียงภาษาจีนหรือตัวละคร)

<Rp>: ในองค์ประกอบ <Ruby> เนื้อหาที่แสดงโดยเบราว์เซอร์ที่ไม่รองรับองค์ประกอบทับทิมถูกกำหนดไว้

<time>: แสงหรือเวลา

<wbr>: มีการทำเครื่องหมายว่าคำจะเปลี่ยนไปเมื่อไม่สามารถรองรับพื้นที่ต่อไปได้

การจำแนกประเภท

องค์ประกอบเหล่านี้ของเบราว์เซอร์ของเบราว์เซอร์นั้นแตกต่างกันไป

IE รองรับ: <mark>, <Utput>, <Ruby>, <rt>, <rp>, <time>

IE ไม่รองรับ: <bdi>, <betice>, <summary>, <wbr>

เช่นการสนับสนุน

เบราว์เซอร์ IE รองรับองค์ประกอบซึ่งรองรับในเบราว์เซอร์ Chrome

รวมถึง: <mark>, <utput>, <ruby>, <rt>, <rp>, <time>

<mark>: ติดฉลากข้อความที่โดดเด่น

เบราว์เซอร์รุ่นต่ำสุด: เช่น 9, Chrome 26

ใช้สถานการณ์: เนื้อหาสำคัญ

ตัวอย่าง:

 <p> เมืองหลวงของจีนคือ <มาร์ค> ปักกิ่ง </kark> </p>

<เอาท์พุท>: ทำเครื่องหมายพื้นที่ที่เนื้อหาจะถูกกรอกในอนาคต

เบราว์เซอร์รุ่นต่ำสุด: เช่น 9, Chrome 33

ใช้สถานการณ์: แสดงพื้นที่ของผลการคำนวณค่าส่งคืน JavaScript ฯลฯ

คุณสมบัติ:

สำหรับ: ID องค์ประกอบที่เกี่ยวข้อง หากมีหลายตัวแยกในอวกาศ

แบบฟอร์ม: รหัสฟอร์มที่เกี่ยวข้อง หากคุณอยู่ในแบบฟอร์มคุณไม่จำเป็นต้องกำหนดแอตทริบิวต์นี้

ตัวอย่าง:

 <form id = formput = result.value = username.value> <อินพุตประเภท = ชื่อข้อความ = ชื่อผู้ใช้/> <ชื่อเอาต์พุต = ผลลัพธ์> </form>

<Ruby>, <Rt>, <Rp>: หมายเหตุ (การออกเสียงภาษาจีนหรืออักขระ)

<Ruby>: หมายเหตุทำเครื่องหมาย (การออกเสียงภาษาจีนหรือตัวละคร)

<RT>: ใช้ในองค์ประกอบ <Ruby> กำหนดการตีความหรือการออกเสียงของตัวละคร (การออกเสียงภาษาจีนหรือตัวละคร)

<Rp>: ในองค์ประกอบ <Ruby> เนื้อหาที่แสดงโดยเบราว์เซอร์ที่ไม่รองรับองค์ประกอบทับทิมถูกกำหนดไว้

เบราว์เซอร์รุ่นต่ำสุด: เช่น 5, Chrome 5

ใช้สถานการณ์: พินอินจีนนามแฝงญี่ปุ่น

ตัวอย่าง:

 <H5> Pinyin จีน </h5> <p> <rub> Zhong </rt> guo <rt> guo </rt> </p> <h5> ชื่อปลอมญี่ปุ่น </h5> <p> <ruby> ฮัน <rt> か </rt> คำ <rt> じ </rt> </ruby> </p>

<time>: วันที่หรือเวลาฉลาก

เบราว์เซอร์รุ่นต่ำสุด: เช่น 9, Chrome 33

ใช้สถานการณ์: วันที่เผยแพร่ข่าวและบล็อก

ตัวอย่าง:

วันที่สร้าง: <TimeDateTime = 2016-04-15T12: 30> 2016/04/15 12:30 </Time>

คุณสมบัติ:

DateTime {DateTime}: ตั้งวันที่และเวลาขององค์ประกอบนี้ รูปแบบของ <time> รูปแบบของวันที่แสดงองค์ประกอบมีความหลากหลาย .

ตัวอย่าง:

 <p> วันที่สร้าง: <time dateTime = 2016-04-15 12:30> 2016/04/15 12:30 </time> </p> <p> วันที่สร้าง: <Time DateTime = 2016-04-15 12:30> 30 นาทีที่ผ่านมา </time> </p> <p> วันที่สร้าง: <time dateTime = 2016-04-15 12:30> 15 เมษายน </เวลา> </p>

คือไม่สนับสนุน

องค์ประกอบที่ไม่เหมาะสมของเบราว์เซอร์ IE ได้รับการสนับสนุนในเบราว์เซอร์ Chrome

รวมถึง: <bdi>, <betice>, <summary>, <wbr>

<bdi>: ทำเครื่องหมายส่วนของเนื้อหาของข้อความขององค์ประกอบหลักและใช้ทิศทางข้อความเริ่มต้นของระบบ

เบราว์เซอร์รุ่นต่ำสุด: IE ไม่รองรับ Chrome 16

ใช้ฉาก: อาหรับเปอร์เซีย ฯลฯ

 <p> DIV Display Text Direction: RTL </p> <div dir = rtl> <p> เมืองหลวงของจีนคือปักกิ่ง! > </div>

<summary>, <betice>: ทำเครื่องหมายบล็อกเนื้อหาที่ขยายและปิด

<inice>: ใช้เพื่ออธิบายรายละเอียดของเอกสาร

<summary>: ชื่อที่มีองค์ประกอบ <petials>

เบราว์เซอร์รุ่นต่ำสุด: IE ไม่รองรับ Chrome 12

ใช้ฉาก: รายละเอียดผลิตภัณฑ์รายละเอียดเอกสาร

ตัวอย่าง:

 <summary> 2016-04-18 สภาพอากาศ <petials> <p> ซันนี่เปลี่ยนเมฆ </p> <p> 13 ~ 25 ° </p> </itial> </summary>

<wbr>: ทำเครื่องหมายคำเมื่อไม่สามารถทนได้อย่างสมบูรณ์

เบราว์เซอร์รุ่นต่ำสุด: IE ไม่รองรับ Chrome 1

ใช้ฉาก: คำภาษาอังกฤษอีกต่อไป

ตัวอย่าง:

 <H5> ไม่รวมองค์ประกอบ WBR: </h5> <p> Netscape ชื่อ LiveScript ในภาษาสคริปต์ดั้งเดิมและต่อมา Netscape เปลี่ยนชื่อเป็น JavaScript หลังจากร่วมมือกับ Sun </p> <h5> มีองค์ประกอบ WBR: </h5> <p> Netscape ชื่อ LiveScript ในภาษาสคริปต์ดั้งเดิมและต่อมา Netscape เปลี่ยนชื่อเป็นสคริปต์ Java <wbr> หลังจากร่วมมือกับ Sun </p>

ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้