ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 2 HTML5 new Elements  
ส่วนประกอบใหม่ๆใน HTML5
   HTML 4.01 ถูกตั้งให้เป็น ภาษาที่ใช้กันโดยทั่วไปใน ปี ค.ศ. 1999 แต่จากตอนนั้นจนมาถึงปัจจุบัน Elements ใน HTML4 บางตัวไม่ได้ถูกใช้งานมากนักตามที่ได้เคยคาดการกันเอาไว้ จนทำให้ตอนนี้ใน HTML5 ได้มีการลบบางส่วนและเพิ่มเติมส่วนใหม่ๆเข้ามา จนในที่สุด ณ ปัจจุบันนี้ HTML5 ได้พยายามทำการเพิ่มเติม Element ในส่วนของ โครงสร้าง ในส่วนของฟอร์ม การจัดการข้อผิดพลาด การวาดรูป และ การใช้งานสือบันเทิงต่างๆให้ดีมากยิ่งขี้น

Semantic/Structural Elements ใหม่ใน HTML5

สร้างมาเพื่อทำให้โครงสร้างดียิ่งขึ้น

<article> Tag ที่อ้างถึงบทความ
<aside> Tag ที่อ้างถึงข้อความที่ถูกเขียนขึ้นและจัดวางไว้ด้านใดด้านหนึ่งของเว็บ สามารถศึกษาวิธี สร้าง Sideder ด้วย เอเลเม็นท์ aside ได้ที่นี่
<bdi> เป็นการแยกส่วนของข้อความ เพราะบางครั้งการใช้ภาษาที่ต่างกัน ทำให้คอมพิวเตอร์สับสนในการจัดลำดับ
<command> จัดการกับปุ่มคำสั่งต่างๆ
<details> ข้อมูลที่สามารถ ซ่อนหรือเรียกดูได้
<summary> ใช้ร่วมกับ <details> element เป็นส่วนหัวที่จะโชว์ข้อความเสมอ
<figure> จัดกลุ่มของข้อมูลในส่วนของ ภาพ ไดอะแกรม สื่อต่างๆ เพื่อให้สื่อเหล่านั้นและข้อความถูกจัดวางไว้ร่วมกัน
<figcaption> คำอธิบาย ของ<figure> element ที่ถูกจัดกลุ่มไว้ด้วยกัน
<footer> Tag ที่อ้างถึงส่วนท้ายหรือล่างสุดของเอกสาร
<header> Tag ที่อ้างถึงส่วนหัวหรือบนสุดของเอกสาร
<hgroup> กลุ่มที่มี <h1> ถึง <h6> ที่สามารถนำมาใช้ได้ในนี้ ถ้าหากว่า ใน heading มีการวางหัวข้อไว้หลายหัวข้อ
<mark> เป็นการไฮไลต์ข้อความ
<meter> ใช้ในการวัด และโชว์ผลลัพธ์แบบแท่ง เช่นความจุต่างๆ ผลการค้นหา แต่ไม่ความใช้ในส่วนของการทำงานประมวลผล
<nav> Tag ที่อ้างส่วนของเมนู
<progress> โชว์การประมวลผลแบบแท่ง
<ruby> ใช้เพิ่มคำอธิบายประกอบ สำหรับตัวอักษรของเอเชียฝั่งตะวันออก
<rt> เพิ่มคำอธิบาย หรือการออกเสียงสำหรับตัวอักษรของเอเชียฝั่งตะวันออก
<rp> ใช้เพื่อ โชว์ในเบราเซอร์ที่ไม่ซัพพอร์ท ruby Tag
<section> Tag ที่อ้างส่วนต่างๆของเอกสาร
<time> อ้างถึง การเขียนวันที่หรือเวลา
<wbr> เป็นการจัดการกับการตัวอักษรในส่วนของการขึ้นบรรทัดใหม่


Media Elements ใหม่ใน HTML5
สร้างมาเพื่อการใช้สื่อมัลติมีเดียต่างๆในเว็บ

<audio> เพิ่มเสียงเข้ามาในเว็บของคุณ
<video> เพิ่มวีดีโอเข้ามาในเว็บของคุณ
<source> เพิ่มสื่อได้หลายตัวเข้ามาในเว็บของคุณโดยใช้ได้กัย <video> และ <audio>
<embed> สำหรับจัดวาง สื่อที่นำมากจากภายนอก หรือ Plug-in ด้วย
<track> ใช้สำหรับการลำดับ ของ <video> และ <audio>


แท็ก <canvas>

<canvas> สำหรับ การเขียนภาพกราฟฟิค โดยใช้ สคริปเข้ามาจัดการและส่วนใหญ่จะใช้ {--mlinkarticle=2187--}JavaScript {--mlinkarticle--}


Form Elements ใหม่ใน HTML5
เพื่อเพิ่มประสิทธิภารและความสามารถในการทำงานที่หลากหลายขึ้น

<datalist> โชว์รายการที่เราได้กำหนดไว้ เวลาที่ผู้ใช้งานกรอกข้อมูลลงมา
<keygen> เป็นการสร้างความปลอดภัย โดยทำการส่าง private key เก็บไว้ และ ส่ง public key ไปที่ เซอร์เวอร์
<output> โชว์ผลการคำนวนทางคณิตศาสตร์



ข้อมูลอ้างอิง
http://www.w3schools.com

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
ถาม- โน๊ดบุคของผมช้าผิดปกติ เกิดจากอะไร ควรแก้ไขยังไงครับ
โดย nuattawoot ศ 17 พ.ย. 2017 7:08 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
6
ศ 17 พ.ย. 2017 7:08 pm โดย nuattawoot
วันหยุด 2561 วันหยุดราชการ 2561 / 2018
โดย Before Dong ศ 17 พ.ย. 2017 5:19 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
ศ 17 พ.ย. 2017 5:19 pm โดย Before Dong
แจกฟรี!! ปฏิทิน 2018 ประจำปีนักษัตรปีจอ
โดย Before Dong ศ 17 พ.ย. 2017 1:22 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
28
ศ 17 พ.ย. 2017 1:22 pm โดย Before Dong
สภาพหลังจากแก้ bug ของโปรแกรมเมอร์
โดย Before Dong ศ 17 พ.ย. 2017 10:06 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
38
ศ 17 พ.ย. 2017 10:06 am โดย Before Dong
ไฟฟ้าสถิต หรือ พรหมลิขิต
โดย Before Dong พฤ 16 พ.ย. 2017 10:15 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
61
พฤ 16 พ.ย. 2017 10:15 am โดย Before Dong
โปรแกรมไว้ สำหรับเชค ว่าไฟล์ ไหน บน Linux Ubuntu กำลังอ่านเขียนอยู่
โดย mindphp พ 15 พ.ย. 2017 2:56 pm บอร์ด Linux - Web Server
1
23
พ 15 พ.ย. 2017 3:57 pm โดย mindphp
อยากได้ระบบดีๆทุนก็ต้องหนาตามนะครับ
โดย Before Dong พ 15 พ.ย. 2017 10:51 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
123
พ 15 พ.ย. 2017 10:51 am โดย Before Dong
สอบถามเกี่ยวกับการกำหนด Title ในเว็บบอร์ด php BB
โดย AePongsak อ 14 พ.ย. 2017 4:33 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
2
30
อ 14 พ.ย. 2017 4:33 pm โดย AePongsak
สอบถามขอคำแนะนำการใช้เมนูครับ
โดย toonytoony2004 อ 14 พ.ย. 2017 1:29 pm บอร์ด Joomla Development
2
32
อ 14 พ.ย. 2017 1:29 pm โดย mindphp
เมื่อไปนำเสนอโปรแกรมที่บริษัทลูกค้า
โดย Before Dong อ 14 พ.ย. 2017 10:55 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
3
83
อ 14 พ.ย. 2017 10:55 am โดย konseo
เปรียบเทียบการแต่งตัว "ไปเที่ยวกับไปหาลูกค้า"
โดย Before Dong จ 13 พ.ย. 2017 11:14 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
319
จ 13 พ.ย. 2017 11:14 am โดย Before Dong
คำสั่งเช็ค Port บน Linux ว่า port ที่เราอยากรู้ถูกรันมาจากโปรแกรมอะไร ใช้ได้กับ Ubuntu
โดย mindphp อ 12 พ.ย. 2017 7:41 pm บอร์ด Linux - Web Server
1
55
อ 12 พ.ย. 2017 7:41 pm โดย mindphp
เช็ค Version python ใน windows 10 ได้ยังไงค่ะ
โดย thatsawan อ 12 พ.ย. 2017 6:21 pm บอร์ด Programming - C/C++ & java & Python
1
28
อ 12 พ.ย. 2017 6:21 pm โดย mindphp
เมื่อเห็นคนกำลังนั่งกินข้าว
โดย Before Dong ส 11 พ.ย. 2017 10:52 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
795
ส 11 พ.ย. 2017 10:52 am โดย konseo
วิธีการใช้ รูปแบบชุดคำสั่งภาษา go
โดย nuattawoot ศ 10 พ.ย. 2017 1:12 pm บอร์ด Programming - C/C++ & java & Python
0
41
ศ 10 พ.ย. 2017 1:12 pm โดย nuattawoot
กว่าจะมาเป็นผลงานสวยๆ
โดย Before Dong ศ 10 พ.ย. 2017 11:07 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
54
ศ 10 พ.ย. 2017 11:07 am โดย konseo
สอบถามเรื่อง Bootstrap Carousel
โดย บุคคลทั่วไป ศ 10 พ.ย. 2017 9:05 am บอร์ด Programming - PHP
1
45
ศ 10 พ.ย. 2017 9:05 am โดย บุคคลทั่วไป
Programmer ลุยกิน ลุยเที่ยว กับรีวิวการเดินทางจากดอนเมืองไปยังพิษณุโลก โดยสายการบินไทยไลอ้อนแอร์
โดย thatsawan พฤ 09 พ.ย. 2017 11:54 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
54
พฤ 09 พ.ย. 2017 11:54 pm โดย konseo
อยากได้สคริป Stock ครับ
โดย บุคคลทั่วไป พฤ 09 พ.ย. 2017 8:28 pm บอร์ด Free PHP Code Download script
1
59
พฤ 09 พ.ย. 2017 8:28 pm โดย บุคคลทั่วไป
ตำแหน่งของอาการปวดหัว
โดย Before Dong พฤ 09 พ.ย. 2017 1:25 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
317
พฤ 09 พ.ย. 2017 1:25 pm โดย Before Dong