ภาพรวมโดยย่อของแท็กใหม่และยกเลิกสำหรับ HTML5

แสดงถึงบล็อกเนื้อหาในหน้าเช่นบทส่วนหัวส่วนท้ายหรือส่วนอื่น ๆ ของหน้า มันสามารถใช้ร่วมกับองค์ประกอบเช่น H1, H2 ฯลฯ เพื่อแสดงโครงสร้างเอกสาร ตัวอย่าง: <section> … </ส่วน> ใน HTML5; <div> … </div> ใน HTML4

ระบุชิ้นส่วนของเนื้อหาอิสระบนหน้าเว็บที่ไม่เกี่ยวข้องกับบริบท ตัวอย่างเช่นบทความ

แสดงถึงข้อมูลเสริมอื่นนอกเหนือจากเนื้อหาองค์ประกอบของบทความและเกี่ยวข้องกับเนื้อหาองค์ประกอบของบทความ

แสดงถึงชื่อของบล็อกเนื้อหาหรือหน้าจริงในหน้า

บ่งชี้ว่าการรวม ชื่อเรื่อง ของหน้าจริงหรือบล็อกเนื้อหาในหน้า

เชิงอรรถที่แสดงถึงทั้งหน้าหรือบล็อกเนื้อหาในหน้า โดยทั่วไปแล้วมันจะรวมถึงชื่อของผู้สร้างวันที่สร้างและข้อมูลการติดต่อของผู้สร้าง

แสดงถึงส่วนหนึ่งของลิงค์การนำทางในหน้า

แสดงถึงเนื้อหาการสตรีมอิสระโดยทั่วไปเป็นตัวแทนของหน่วยอิสระในเนื้อหาการสตรีมของร่างกายเอกสาร ใช้องค์ประกอบ 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>

กำหนดการตีความหรือการออกเสียงของตัวละคร (การออกเสียงภาษาจีนหรืออักขระ)

ใช้ในความคิดเห็นทับทิมเพื่อกำหนดสิ่งที่แสดงในเบราว์เซอร์ที่ไม่รองรับองค์ประกอบทับทิม

บ่งบอกถึงการแบ่งเส้นอ่อน ความแตกต่างจากองค์ประกอบ 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>

แสดงปุ่มคำสั่งเช่นปุ่มตัวเลือกกล่องกาเครื่องหมายหรือปุ่ม

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

<เมนู>

<คำสั่ง onclick = "การแจ้งเตือน ('Hello World')">

คลิกฉัน! </Command>

</เมนู>

ใช้เพื่ออธิบายรายละเอียดของเอกสารหรือบางส่วนของเอกสาร

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

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

<อินพุต id = "mycar" list = "cars" />

<datalist id = "Cars">

<ตัวเลือกค่า = "BMW">

<ตัวเลือกค่า = "ฟอร์ด">

<ตัวเลือกค่า = "volvo">

</tatalist>

กำหนดรายการข้อมูลเพิ่มเติม DataGrid แสดงเป็นรายการต้นไม้

หากมีการตั้งค่าแอตทริบิวต์หลายรายการเป็น TRUE คุณสามารถเลือกมากกว่าหนึ่งรายการในรายการ

แท็กระบุฟิลด์ตัวสร้างคู่คีย์ที่ใช้สำหรับแบบฟอร์ม

เมื่อส่งแบบฟอร์มคีย์ส่วนตัวจะถูกเก็บไว้ในเครื่องและคีย์สาธารณะจะถูกส่งไปยังเซิร์ฟเวอร์

<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 นั้นทรงพลังเท่ากับฟังก์ชั่น เช่นเดียวกับทฤษฎีแมวของคุณปู่เติ้งมันใช้งานได้