ข้อกำหนด HTML5 ระบุอย่างชัดเจนว่าการใช้องค์ประกอบควรมาจากความหมายขององค์ประกอบอย่างสมบูรณ์ อย่างไรก็ตามองค์ประกอบเหล่านี้บางอย่างชัดเจนมากในขณะที่บางอย่างคลุมเครือมากกว่า ในแง่ของการใช้องค์ประกอบมันเป็นการดีที่สุดที่จะมอบให้กับ CSS เพื่อดูแลมัน แต่นี่ไม่ใช่แน่นอน
สร้างไฮเปอร์ลิงก์องค์ประกอบ A ใช้ในการสร้างไฮเปอร์ลิงก์
1) HREF: ระบุ URL ของทรัพยากรที่อ้างถึงในองค์ประกอบ A;
2) Hreflang: อธิบายภาษาที่ใช้โดยทรัพยากรที่คุณเชื่อมโยง
3) สื่อ: อธิบายว่าอุปกรณ์ใดที่ใช้สำหรับทรัพยากรที่เชื่อมโยงและคุณลักษณะของสื่อขององค์ประกอบสไตล์
4) Rel: อธิบายความสัมพันธ์ระหว่างเอกสารและทรัพยากรลิงก์และแอตทริบิวต์ REL ขององค์ประกอบลิงก์;
5) เป้าหมาย: ระบุสภาพแวดล้อมการท่องเว็บสำหรับการเปิดลิงก์ที่คุณเชื่อมโยง
6) ประเภท: อธิบายประเภท MIME (เช่นข้อความ/HTML)
สร้างลิงค์ซุปเปอร์ไปด้านนอก<body> ฉันชอบ <a href = http: //en.widipedia.org/wiki/apples> แอปเปิ้ล </a> และ <a href = http: //en.wikipeida.org/wiki/orange_ (จาก) >> ส้ม </a>
โปรโตคอลที่ใช้มากที่สุดใน URL คือ HTTP แต่เบราว์เซอร์ยังรองรับโปรโตคอลอื่น ๆ เช่น: HTTPS และ FTP หากคุณต้องการอ้างอิงที่อยู่อีเมลคุณสามารถใช้โปรโตคอล Mailto เช่น: mailto: [email protected]
ใช้ URL ค่อนข้าง<body> ...... คุณสามารถเห็นคนอื่นได้จาก <a href = fruitlist.html> ที่นี่ </a>
โดยค่าเริ่มต้นเบราว์เซอร์จะสมมติว่าทรัพยากรเป้าหมายอยู่ในตำแหน่งเดียวกับเอกสารปัจจุบัน แต่สามารถเปลี่ยนแปลงได้โดยการจัดหา URL พื้นฐานผ่านองค์ประกอบพื้นฐาน
สร้างไฮเปอร์ลิงก์ภายในวิธีนี้ใช้เพื่อย้ายองค์ประกอบอื่นในเอกสารรวมเข้าสู่ฟิลด์ของการมองเห็น
<body> ...... คุณสามารถเห็นได้จากผลไม้ที่ฉันชอบ <a href =#ผลไม้> ที่นี่ </a> , พีชและองุ่น
หากผู้ใช้คลิกลิงก์เอกสารจะม้วนไปยังตำแหน่งที่ ID สามารถมองเห็นได้เป็นองค์ประกอบผลไม้
ตั้งค่าสภาพแวดล้อมการเรียกดูแอตทริบิวต์เป้าหมายใช้เพื่อบอกความหวังของเบราว์เซอร์ในการแสดงทรัพยากรที่คุณเชื่อมโยง โดยค่าเริ่มต้นเบราว์เซอร์ใช้หน้าต่างแท็บหรือเฟรมหน้าต่างของเอกสารปัจจุบันดังนั้นเอกสารใหม่จะแทนที่เอกสารที่ปรากฏในขณะนี้ แต่คุณสามารถตั้งค่าอื่น ๆ :
1) _blank: เปิดเอกสารในหน้าต่างหรือแท็บใหม่
2) _parent: เปิดเอกสารในเฟรมเซ็ต;
3) _self: เปิดเอกสารในหน้าต่างปัจจุบัน (ค่าเริ่มต้น);
4) _top: เปิดเอกสารที่หน้าต่างด้านบน;
5) <prame>: เปิดเอกสารในกรอบหน้าต่างที่ระบุ
ให้คุณเข้าใจเฟรมผ่านตัวอย่าง สมมติว่ารหัสในเอกสาร testframe.html มีดังนี้:
<html> <frameset color = 50%, 50%> <frame src = test.html /> <frame name = frame1 /> </frameset> </html>
เฟรมถูกกำหนดไว้ที่นี่ซึ่งมีสองเฟรมแต่ละเฟรมมีความกว้างครึ่งหนึ่ง เนื้อหาของ test.html มีดังนี้:
<! > </> หัว> <body> <a ฉันชอบ <b> แอปเปิ้ล </b> และ <b> สีส้ม </b>
รูปแบบเริ่มต้นขององค์ประกอบ B นั้นหนา
องค์ประกอบ EMองค์ประกอบ EM แสดงถึงการเน้นในย่อหน้าที่สามารถใช้เพื่อให้ผู้อ่านมีบริบทของประโยคหรือความหมายของวรรค
<body> <em> i </em> เช่น <b> แอปเปิ้ล </b> และ <b> สีส้ม </b>
นิสัยขององค์ประกอบ EM คือเอียง ตัวอย่างนี้เน้นฉันที่จุดเริ่มต้นของประโยค
ฉันองค์ประกอบฉันองค์ประกอบระบุว่าย่อหน้าของข้อความนั้นแตกต่างจากเนื้อหาโดยรอบซึ่งมักใช้ในคำต่างประเทศคำศัพท์เทคโนโลยีและแม้แต่ความคิดของใครบางคน
<body> <em> i </em> เช่น <b> แอปเปิ้ล </b> และ <b> สีส้ม </b> >. </body>
นิสัยขององค์ประกอบ I คือเอียงเหมือนกับองค์ประกอบ EM
องค์ประกอบ Sองค์ประกอบ S ถูกใช้เพื่อระบุว่าย่อหน้าไม่ถูกต้องหรือแม่นยำอีกต่อไป
<body> <em> i </em> เช่น <b> แอปเปิ้ล </b> และ <b> สีส้ม </b> >.องค์ประกอบที่แข็งแกร่ง
องค์ประกอบที่แข็งแกร่งแสดงถึงข้อความที่สำคัญ
<body> ฉันชอบแอปเปิ้ลและส้ม
รูปแบบขององค์ประกอบที่แข็งแกร่งเหมือนกับองค์ประกอบ B
องค์ประกอบของคุณองค์ประกอบ U สร้างย่อหน้าของข้อความที่เน้นจากเนื้อหาโดยรอบ แต่ไม่ได้หมายความว่ามันเน้นหรือความสำคัญของมันเพิ่มขึ้น เอฟเฟกต์คือการเพิ่มบรรทัดลงในข้อความ
<body> ฉันชอบแอปเปิ้ลและส้ม
เนื่องจากนิสัยขององค์ประกอบ U นั้นคล้ายกับองค์ประกอบ A เพื่อป้องกันความสับสนองค์ประกอบ U ควรหลีกเลี่ยงมากที่สุด
องค์ประกอบขนาดเล็กHTML5 ใช้กฎที่ระบุฉลากขนาดเล็กมักจะรวมถึงคำสั่งยกเว้นข้อควรระวังข้อ จำกัด ทางกฎหมายข้อมูลลิขสิทธิ์ ฯลฯ บางครั้งมันสามารถใช้เพื่อแสดงลายเซ็นหรือปฏิบัติตามข้อกำหนดใบอนุญาต
<body> <p> สั่งซื้อทันทีเพื่อรับการจัดส่งฟรี Super Store
หมายเหตุ: ขนาดเล็กเหมาะสำหรับวลีเท่านั้น
องค์ประกอบย่อยและ supองค์ประกอบย่อยและ SUP ใช้เพื่อระบุการสมัครสมาชิกและเงินอุดหนุนตามลำดับ
<body> The Point X </ub> 10 </sub> คือจุด <sup> th </sup>
เปลี่ยน
มีสององค์ประกอบที่สามารถใช้ในการควบคุมเนื้อหา: องค์ประกอบ BR และ WBR
องค์ประกอบ BRองค์ประกอบ BR จะทำให้เกิดการเปลี่ยนแปลงของเส้น
<body> ฉันเดินเหงาเหมือนเมฆ <br/> ที่ลอยอยู่บนภูเขาและเนินเขาที่สูงกว่าสูง <br/> เมื่ออยู่ในฝูงชนในครั้งเดียว <br> โฮสต์ของดอกแดฟโฟดิลทองคำ;องค์ประกอบ WBR
HTML5 ถูกเพิ่มเข้ามาเพื่อระบุว่าเนื้อหาที่เกินกว่าหน้าต่างเบราว์เซอร์ปัจจุบันเหมาะสำหรับการเปลี่ยนใหม่
<body> นี่เป็นคำที่ยาวมาก: super <wbr> Califragilistic <wbr> expialidocious
เมื่อไม่ได้ใช้องค์ประกอบ WBR เบราว์เซอร์จะรักษาคำยาวโดยรวมและใช้องค์ประกอบ WBR และเบราว์เซอร์สามารถเลือกที่จะเปลี่ยนได้ตามคำแนะนำ การใช้องค์ประกอบ WBR คือการบอกคำว่าเบราว์เซอร์ที่เหมาะสมที่สุดในกรณีที่เหมาะสมที่สุด
แสดงถึงอินพุตและเอาต์พุต1) รหัส: ระบุส่วนรหัสคอมพิวเตอร์
2) VAR: ในบริบทการเขียนโปรแกรมมันหมายถึงตัวแปรและยังสามารถระบุได้ว่าผู้อ่านแทรกสถานที่ที่ระบุในจินตนาการ
3) SAMP: แสดงถึงผลลัพธ์ของโปรแกรมหรือระบบคอมพิวเตอร์
4) KBD: ระบุอินพุตของผู้ใช้
<body> <p> <code> var fruits = [แอปเปิ้ล, สีส้ม, มะม่วง, เชอร์รี่]; ตัวแปรใน exmple นี้คือ <var> ผลไม้ </var> </p> <p> เอาต์พุตจากรหัสคือ: <SAMP> ฉันชอบ 4 ผลไม้ </samp> </p> <p> ผลไม้ที่ชอบฉันพิมพ์: <Kbd> เชอร์รี่ </kbd> </body>ใช้การอ้างอิงชื่อเรื่องใบเสนอราคาคำจำกัดความและตัวย่อ องค์ประกอบ ABBR
แสดงตัวย่อคุณลักษณะชื่อของมันแสดงถึงคำที่สมบูรณ์ซึ่งแสดงถึงตัวย่อ
<body> ฉันชอบแอปเปิ้ลและส้ม
องค์ประกอบนี้ไม่คุ้นเคยกับสไตล์ดังนั้นเนื้อหาจึงดูไม่พิเศษ
q องค์ประกอบแสดงถึงเนื้อหาของเขา แอตทริบิวต์อ้างอิงขององค์ประกอบ Q สามารถใช้เพื่อระบุ URL ของบทความต้นฉบับ
<body> <p> <q cite = http: //en.wikipedia.org/wiki/apple> the <dfn </p> </body>
นิสัยขององค์ประกอบ Q คือการสร้างคำพูดก่อนและหลังการอ้างอิง
องค์ประกอบอ้างอิงแสดงถึงชื่อของงานที่ยกมา
<body> หนังสือเล่มโปรดของฉันเกี่ยวกับผลไม้คือ <cite> ผลไม้: กินได้กินไม่ได้ </cite> โดย Stuppy & Kesseler </body>
นิสัยของมันคือเอียง
องค์ประกอบภาษา องค์ประกอบ Ruby, RT และ RPองค์ประกอบทับทิมแสดงถึงข้อความที่มีสัญลักษณ์การออกเสียงซึ่งจำเป็นต้องใช้กับองค์ประกอบ RT และองค์ประกอบ RP
<body> <ruby> 魑 <rp> (</rp> <rt> chi </rt> <rp>) </rp> </ruby> <rp> (</rp> <rt> mei </rt > <rp>) </rp> </ruby> </body>
เมื่อเบราว์เซอร์ที่แสดงสัญลักษณ์การออกเสียงองค์ประกอบ RP และเนื้อหาจะถูกละเว้นและเนื้อหาขององค์ประกอบ RT จะแสดงเป็นสัญลักษณ์การออกเสียง เอกสารจะแสดงในเบราว์เซอร์ที่ไม่รองรับสัญลักษณ์การออกเสียงและเนื้อหาขององค์ประกอบ RP และ RT จะปรากฏขึ้น
องค์ประกอบ BDOมันถูกใช้เพื่อกำหนดทิศทางของอักขระจีน องค์ประกอบ BDO จะต้องเพิ่มด้วยแอตทริบิวต์ DIR และค่าการสนับสนุนคือ: 1) RTL (จากขวาไปซ้าย); 2) LTR (จากซ้ายไปขวา)
<body> <p> นี่คือซ้ายไปขวา: <bdo dir = ltr> ฉันชอบส้ม </bdo> </p> <p> นี่คือส้ม-เซโอ-เซเล่ </bdo> </p> </body>องค์ประกอบข้อความอื่น ๆ ช่วงองค์ประกอบ
ไม่มีความหมายของตัวเองและมักจะใช้ในการใช้แอตทริบิวต์ทั่วโลกกับวรรค
<body> ฉันชอบ <span class = ผลไม้> แอปเปิ้ล </span> และ <span class = ผลไม้> สีส้ม </span>ทำเครื่องหมายองค์ประกอบ
มีการเพิ่ม HTML5 ซึ่งใช้เพื่อระบุย่อหน้าที่แสดงอย่างเด่นชัดเนื่องจากบริบทที่แน่นอน
<body> <p> ฉันจะชอบ <มาร์ค> pair </kark> ของ <มาร์ค> คน </kark> </p> </body>องค์ประกอบ INS และ องค์ประกอบ DEL
องค์ประกอบ INS และองค์ประกอบ DEL สามารถใช้เพื่อแสดงข้อความที่เพิ่มและลบในเอกสาร
<body> <p> <del> ฉันสามารถ </mark> <mark> ดู </kar> </el> <ins> ฉันสามารถ <mark> ดู </kar> <mark> ทะเล </kar> </ins> </p> </body>องค์ประกอบเวลา
แสดงถึงเวลาและวันที่ หากแอตทริบิวต์บูลีน PubDate มีอยู่แล้วองค์ประกอบเวลาแสดงถึงวันที่วางจำหน่ายของเอกสาร HTML ทั้งหมดหรือองค์ประกอบบทความส่วนใหญ่จากองค์ประกอบ แอตทริบิวต์ DateTime ระบุวันที่และเวลาที่ระบุในรูปแบบที่ระบุใน RFC3339 ด้วย DateTime คุณสามารถตั้งค่าวันที่หรือเวลาในรูปแบบขององค์ประกอบเพื่ออำนวยความสะดวกในการอ่านและในเวลาเดียวกันตรวจสอบให้แน่ใจว่าคอมพิวเตอร์สามารถวิเคราะห์วันที่หรือเวลาที่ระบุโดยไม่มีความกำกวม
<body> ฉันยังจำได้ว่าแอปเปิ้ลที่ดีที่สุดที่ฉันเคยลิ้มลอง >
องค์ประกอบเวลาอาจไม่รวมถึงคุณสมบัติ DateTime ของเนื้อหาข้อความ
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้