แสดงถึงบล็อกเนื้อหาในหน้าเช่นบทส่วนหัวส่วนท้ายหรือส่วนอื่น ๆ ของหน้า มันสามารถใช้ร่วมกับองค์ประกอบเช่น H1, H2 ฯลฯ เพื่อแสดงโครงสร้างเอกสาร ตัวอย่าง: <section> … </ส่วน> ใน HTML5; <div> … </div> ใน HTML4
องค์ประกอบบทความระบุชิ้นส่วนของเนื้อหาอิสระบนหน้าเว็บที่ไม่เกี่ยวข้องกับบริบท ตัวอย่างเช่นบทความ
นอกเหนือจากองค์ประกอบแสดงถึงข้อมูลเสริมอื่นนอกเหนือจากเนื้อหาองค์ประกอบของบทความและเกี่ยวข้องกับเนื้อหาองค์ประกอบของบทความ
องค์ประกอบส่วนหัวแสดงถึงชื่อของบล็อกเนื้อหาหรือหน้าจริงในหน้า
องค์ประกอบ hgroupบ่งชี้ว่าการรวม ชื่อเรื่อง ของหน้าจริงหรือบล็อกเนื้อหาในหน้า
องค์ประกอบส่วนท้ายเชิงอรรถที่แสดงถึงทั้งหน้าหรือบล็อกเนื้อหาในหน้า โดยทั่วไปแล้วมันจะรวมถึงชื่อของผู้สร้างวันที่สร้างและข้อมูลการติดต่อของผู้สร้าง
องค์ประกอบนาวีแสดงถึงส่วนหนึ่งของลิงค์การนำทางในหน้า
องค์ประกอบ แสดงถึงเนื้อหาการสตรีมอิสระโดยทั่วไปเป็นตัวแทนของหน่วยอิสระในเนื้อหาการสตรีมของร่างกายเอกสาร ใช้องค์ประกอบ Figcaption เพื่อเพิ่มชื่อไปยังกลุ่มองค์ประกอบรูป ตัวอย่างเช่น:<รูป>
<Potcaption> PRC </figcaption>
<p> สาธารณรัฐประชาชนจีนเกิดในปี 1949 </p>
</pige>
เขียนโดยทั่วไปใน HTML4
<Dl>
<H1> PRC </h1>
<p> สาธารณรัฐประชาชนจีนเกิดในปี 1949 </p>
</dl>
องค์ประกอบใหม่อื่น ๆ องค์ประกอบวิดีโอกำหนดวิดีโอ เช่นคลิปภาพยนตร์หรือสตรีมวิดีโออื่น ๆ ตัวอย่าง: <video src = movie.ogg controls = controls> องค์ประกอบวิดีโอ </video>
วิธีการเขียนใน HTML4:
<object type = data video/ogg = move.ogv>
<param name = src value = movie.ogv>
</ject>
องค์ประกอบเสียงกำหนดเสียง เช่นเพลงหรือสตรีมเสียงอื่น ๆ ตัวอย่าง: <audio src = someaudio.wav> องค์ประกอบเสียง </udio>
วิธีการเขียนใน HTML4:
<object type = "application/ogg" data = "someaudio.wav">
<param name = "src" value = "someaudio.wav">
</ject>
ฝังองค์ประกอบใช้ในการฝังเนื้อหา (รวมถึงสื่อต่าง ๆ ) รูปแบบสามารถเป็น midi, wav, aiff, au, mp3, flash ฯลฯ ตัวอย่าง: <ฝัง src = flash.swf />
ตัวอย่างรหัสใน html4 <object data = flash.swf type = application/x-shockwave-flash> <jobch>
ทำเครื่องหมายองค์ประกอบส่วนใหญ่จะใช้เพื่อนำเสนอผู้ใช้ด้วยข้อความที่ต้องเน้นหรือเน้น คำค้นหาการค้นหาจะถูกเน้นในผลการค้นหาแอปพลิเคชันทั่วไป
html5 <mark> </kar>; html4 <span> </span>
องค์ประกอบความก้าวหน้าแสดงถึงกระบวนการทำงาน คุณสามารถใช้องค์ประกอบความคืบหน้าเพื่อแสดงกระบวนการที่ใช้ฟังก์ชั่นที่ใช้เวลานานใน JavaScript รอ ... โปรดรอในภายหลัง <progress> </progress>
องค์ประกอบเวลามันบ่งบอกถึงวันที่หรือเวลาและอาจเป็นทั้งคู่ในเวลาเดียวกัน
องค์ประกอบทับทิมกำหนดความคิดเห็นทับทิม (การออกเสียงภาษาจีนหรือตัวละคร)
ใช้กับ <ruby> และ <rt> แท็ก องค์ประกอบทับทิมประกอบด้วยอักขระอย่างน้อยหนึ่งตัว (ต้องการคำอธิบาย/การออกเสียง) และองค์ประกอบ RT ที่ให้ข้อมูลนั้นและยังรวมถึงองค์ประกอบ RP เสริมที่กำหนดสิ่งที่แสดงเมื่อเบราว์เซอร์ไม่รองรับองค์ประกอบทับทิม
<รูบี้>
<rt> <rp> (</rp> ㄏㄢ <rp>) </rp> </rt>
</ruby>
องค์ประกอบ RTกำหนดการตีความหรือการออกเสียงของตัวละคร (การออกเสียงภาษาจีนหรืออักขระ)
องค์ประกอบ RPใช้ในความคิดเห็นทับทิมเพื่อกำหนดสิ่งที่แสดงในเบราว์เซอร์ที่ไม่รองรับองค์ประกอบทับทิม
องค์ประกอบ WBRบ่งบอกถึงการแบ่งเส้นอ่อน ความแตกต่างจากองค์ประกอบ BR: องค์ประกอบ BR หมายถึงการแบ่งบรรทัดจะต้องเปิดที่นี่; WBR หมายความว่าเมื่อหน้าต่างเบราว์เซอร์หรือองค์ประกอบหลักมีส่วนโค้งกว้าง (เมื่อไม่จำเป็นต้องเปิด) จะไม่มีการแบ่งสายและเมื่อความกว้างไม่เพียงพอ
องค์ประกอบผ้าใบกำหนดกราฟิกเช่นแผนภูมิและภาพอื่น ๆ องค์ประกอบ <sanvas> เป็นเพียงคอนเทนเนอร์กราฟิก (ผ้าใบ) และต้องวาดโดยใช้สคริปต์
<canvas id = "mycanvas"> </canvas> <script type = "text/javascript">
var canvas = document.getElementById ('mycanvas');
var ctx = canvas.getContext ('2d');
ctx.fillstyle = '#ff0000';
ctx.fillrect (0,0,80,100);
</script>
องค์ประกอบคำสั่ง -SEEMS มีเอฟเฟกต์เพียงเล็กน้อย มีปัญหาการสนับสนุนหรือไม่แสดงปุ่มคำสั่งเช่นปุ่มตัวเลือกกล่องกาเครื่องหมายหรือปุ่ม
องค์ประกอบคำสั่งสามารถมองเห็นได้เฉพาะในกรณีที่อยู่ในองค์ประกอบเมนู มิฉะนั้นองค์ประกอบนี้จะไม่ปรากฏขึ้น แต่คุณสามารถใช้มันเพื่อระบุแป้นพิมพ์ลัด -
<เมนู>
<คำสั่ง onclick = "การแจ้งเตือน ('Hello World')">
คลิกฉัน! </Command>
</เมนู>
แท็กรายละเอียด ปัจจุบัน Chrome รองรับแท็กรายละเอียดเท่านั้นใช้เพื่ออธิบายรายละเอียดของเอกสารหรือบางส่วนของเอกสาร
สามารถใช้กับแท็กสรุปซึ่งกำหนดชื่อสำหรับรายละเอียด ชื่อสามารถมองเห็นได้และรายละเอียดจะปรากฏขึ้นเมื่อผู้ใช้คลิกที่ชื่อ สรุปควรเป็นองค์ประกอบลูกคนแรกของรายละเอียด
แท็ก Datalistกำหนดรายการตัวเลือก โปรดใช้องค์ประกอบนี้ร่วมกับองค์ประกอบอินพุตเพื่อกำหนดค่าอินพุตที่เป็นไปได้ Datalist และตัวเลือกของมันจะไม่ปรากฏขึ้นมันเป็นเพียงรายการทางกฎหมายของค่าอินพุต ใช้แอตทริบิวต์รายการขององค์ประกอบอินพุตเพื่อผูก Datalist
<อินพุต id = "mycar" list = "cars" />
<datalist id = "Cars">
<ตัวเลือกค่า = "BMW">
<ตัวเลือกค่า = "ฟอร์ด">
<ตัวเลือกค่า = "volvo">
</tatalist>
จะใช้ แท็ก DataGrid ได้อย่างไร?กำหนดรายการข้อมูลเพิ่มเติม DataGrid แสดงเป็นรายการต้นไม้
หากมีการตั้งค่าแอตทริบิวต์หลายรายการเป็น TRUE คุณสามารถเลือกมากกว่าหนึ่งรายการในรายการ
จะใช้ แท็ก keygen ได้อย่างไร?แท็กระบุฟิลด์ตัวสร้างคู่คีย์ที่ใช้สำหรับแบบฟอร์ม
เมื่อส่งแบบฟอร์มคีย์ส่วนตัวจะถูกเก็บไว้ในเครื่องและคีย์สาธารณะจะถูกส่งไปยังเซิร์ฟเวอร์
<form action = "demo_keyen.asp" method = "get">
ชื่อผู้ใช้: <อินพุต type = "text" name = "usr_name" />>
การเข้ารหัส: <keygen name = "ความปลอดภัย" />>>
<อินพุต type = "ส่ง" />
</form>
แท็กเอาต์พุต กำหนดเอาต์พุตประเภทต่าง ๆ เช่นเอาต์พุตของสคริปต์<form action = "form_action.asp" method = "get" name = "sumform">
<name output = "sum"> </utput>
</form>
แท็กต้นทางแท็กกำหนดทรัพยากรสื่อสำหรับองค์ประกอบสื่อ (เช่น <video> และ <เสียง>)
แท็กเมนูกำหนดรายการเมนู ใช้แท็กนี้เมื่อคุณต้องการแสดงรายการการควบคุมแบบฟอร์ม หมายเหตุความแตกต่างจาก NAV เมนูจะใช้สำหรับการควบคุมแบบฟอร์มโดยเฉพาะ
<เมนู>
<li> <อินพุต type = "ช่องทำเครื่องหมาย" /> สีแดง </li>
<li> <อินพุต type = "ช่องทำเครื่องหมาย" /> สีน้ำเงิน </li>
</เมนู>
เพิ่มอีเมลแท็กอินพุตต้องป้อน URL อีเมล
ต้องป้อนหมายเลข URL
ต้องป้อนช่วงค่า
ค่าภายในช่วงที่กำหนดจะต้องป้อน ตัวเลือกวันที่ (ตัวเลือกวันที่)
ประเภทอินพุตใหม่ที่มีหลายวันและเวลาที่มี:
วันที่ - เลือกวันเดือนปี
เดือน - เลือกเดือนและปี
สัปดาห์ - เลือกสัปดาห์และปี
เวลา - เลือกเวลา (ชั่วโมงและนาที)
DateTime - เลือกเวลาวันเดือนปี (เวลา UTC)
DateTime -Local - เลือกเวลาวันเดือนปี (เวลาท้องถิ่น)
ใช้ในการค้นหาโดเมนโดเมนจะแสดงเป็นโดเมนข้อความปกติ สี
ยกเลิกองค์ประกอบ1. องค์ประกอบที่สามารถแทนที่ด้วย CSS
Basefont, ใหญ่, ศูนย์, แบบอักษร, S, Strike, TT, U องค์ประกอบเหล่านี้มีไว้สำหรับการแสดงภาพอย่างหมดจด HTML5 สนับสนุนการแก้ไขฟังก์ชั่นการแสดงภาพรวมใน CSS
2. ไม่ใช้เฟรมเฟรมอีกต่อไป
เฟรม, เฟรม, noframes เฟรมเฟรมไม่รองรับใน HTML5 จะรองรับเฟรม iframe เท่านั้นหรือใช้แบบฟอร์มที่สอดคล้องกับหน้าเว็บที่ประกอบด้วยหลายหน้าที่สร้างโดยเซิร์ฟเวอร์และลบแท็กสามแท็กข้างต้น
3. มีเพียงบางองค์ประกอบที่สนับสนุนโดยเบราว์เซอร์
แอปเพล็ต, bgsound, กะพริบ, ปะรำและแท็กอื่น ๆ
4. องค์ประกอบอื่น ๆ ที่ถูกยกเลิก
ยกเลิก RB และแทนที่ Shuyong Ruby
ยกเลิกคำย่อโดยใช้การทดแทน abbr
ยกเลิก Dir เพื่อใช้การทดแทน UL
ยกเลิก ISIndex เพื่อแทนที่ด้วยการรวมรูปแบบและอินพุต
ยกเลิกรายชื่อโดยใช้ Pre Remumpitute
ยกเลิก XMP โดยใช้รหัสแทน
ยกเลิกการใช้ GUIDS ของ NextId
ยกเลิก Plaintex เพื่อใช้ข้อความ/plian (ร่างกายที่ไม่ได้ฟอร์แมต) การทดแทนประเภท MIME
-
เมื่อมองไปที่แท็กและองค์ประกอบใหม่ ๆ มากมายฉันสงสัยว่า HTML5 อยู่ที่นี่จริงหรือไม่? ข้อมูลและการสอนที่เกี่ยวข้องอย่างล้นหลามการประกาศการสนับสนุน HTML5 โดยผู้ผลิต HTML5, CSS3 และผู้ผลิตเบราว์เซอร์รายใหญ่ทำให้ฉันรู้สึกว่ายุค HTML5 กำลังจะมาถึงจริงๆ ฉันสามารถใช้มันด้วยความมั่นใจในโครงการของฉันได้หรือไม่? ยัง. แม้ว่า IE9 ได้อ้างว่าสนับสนุน HTML5 แต่ IE8 ไม่สนับสนุนเลย ยังมีผู้คนจำนวนมากนั่งอยู่หน้าโทรศัพท์ของ Bensi Master ในปี 2549 และ 2007 โดยใช้ระบบ XP และติดตั้ง IE8 เพื่อรวบรวมข้อมูลอินเทอร์เน็ต นอกจากนี้ยังมีชายชราและน้องสาวบางคนที่ซื้อโทรศัพท์ใหม่ที่พวกเขาคลิกที่ Win7 ของแท้และแทนที่ด้วย D Version XP แม้ว่าตอนนี้จะมี HTML5SHIV แต่ IE8 สามารถรองรับแท็ก HTML ใหม่ในความจุ จำกัด และมีแท็กใหม่เพียงไม่กี่แท็ก ฉันสามารถเลือกเทคโนโลยีใหม่ที่จะใช้ แต่ฉันไม่สามารถถามได้ว่าเบราว์เซอร์ผู้ใช้ผลิตภัณฑ์ของคุณต้องติดตั้งอะไร ในความเป็นจริงไม่จำเป็นต้องสร้างเทคโนโลยีใหม่ เป็นเรื่องดีที่จะเหมาะสม ฉันคิดว่าบางสิ่งที่เขียนใน ASP.NET2 นั้นทรงพลังเท่ากับฟังก์ชั่น เช่นเดียวกับทฤษฎีแมวของคุณปู่เติ้งมันใช้งานได้