ให้เรตสมาชิก: 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> สำหรับ การเขียนภาพกราฟฟิค โดยใช้ สคริปเข้ามาจัดการและส่วนใหญ่จะใช้ JavaScript


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

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



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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - ระบบ LINE API ไม่ตอบสนองคำสั่ง [2020-02][001]
โดย thatsawan พฤ 06 ก.พ. 2020 6:31 pm บอร์ด MD-CRM - Tester
6
17
ศ 07 ก.พ. 2020 4:37 pm โดย mindphp
วิธีการทำ favorite icon เพื่อใช้สำหรับแสดงบน safari
โดย Ittichai_chupol พฤ 06 ก.พ. 2020 5:36 pm บอร์ด PHP Knowledge
0
191
พฤ 06 ก.พ. 2020 5:36 pm โดย Ittichai_chupol
สอบถามครับ ต้องการสร้างเลขรันนัมเบอร์ แล้วรีเซ็ตทุกวัน ต้องทำยังไงครับ
โดย chatee supasand พฤ 06 ก.พ. 2020 12:00 pm บอร์ด Programming - C/C++ & java & Python
6
248
พฤ 06 ก.พ. 2020 3:33 pm โดย chatee supasand
เป็นเดือดกับลูกค้า
โดย noppadonsk พฤ 06 ก.พ. 2020 11:41 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
109
พฤ 06 ก.พ. 2020 11:41 am โดย noppadonsk
วิธีการสร้าง listbox ที่เมือมีการเลือกรหัสแล้วจะแสดงข้อมูลที่มีรหัสเดียวกับที่เลือก
โดย Ittichai_chupol พ 05 ก.พ. 2020 6:33 pm บอร์ด Jquery & Ajax Knowledge
0
1450
พ 05 ก.พ. 2020 6:33 pm โดย Ittichai_chupol
ทำไมเปลี่ยน type ข้อมูลเป็น int ไม่ได้คับ
โดย chatee supasand พ 05 ก.พ. 2020 5:47 pm บอร์ด Programming - C/C++ & java & Python
2
149
พ 05 ก.พ. 2020 5:55 pm โดย jirawoot
ผมอยากทราบว่าถ้าหากต้องการที่จะแยกส่วนการทำงาน การแบ่งชุดออกข้อมูลออก มันของแต่ละตาราง ใน phpbb
โดย Ittichai_chupol พ 05 ก.พ. 2020 4:23 pm บอร์ด Programming - PHP
3
1257
พ 05 ก.พ. 2020 7:32 pm โดย thatsawan
คำสั่ง Colspan และ Rowspan ใน HTML คืออะไร
โดย chatee supasand พ 05 ก.พ. 2020 2:30 pm บอร์ด HTML CSS
0
1496
พ 05 ก.พ. 2020 2:30 pm โดย chatee supasand
ท่านตลกหรอพระเจ้า?
โดย noppadonsk พ 05 ก.พ. 2020 10:53 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
94
พ 05 ก.พ. 2020 10:53 am โดย noppadonsk
อยากทราบวิธีการแก้ไข้ ปํญหาเนื่องจากการติดตั้ง ตาราง โดย phpbb ที่มีจำนวนคอลัมมากๆๆ
โดย Ittichai_chupol อ 04 ก.พ. 2020 2:21 pm บอร์ด Programming - PHP
2
1078
อ 04 ก.พ. 2020 2:32 pm โดย Ittichai_chupol
ถึงกับไปไม่เป็น
โดย noppadonsk อ 04 ก.พ. 2020 11:04 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
104
ศ 07 ก.พ. 2020 11:40 am โดย LEG
B - บอร์ด Odoojob เข้าไม่ได้ครับ
โดย jamepiyawat อ 04 ก.พ. 2020 10:39 am บอร์ด Odoojob.com - Tester
0
4
อ 04 ก.พ. 2020 10:39 am โดย jamepiyawat
สอบถามครับ ต้องการตัดค่าที่ซ้ำกันออกต้องทำไงครับ
โดย chatee supasand จ 03 ก.พ. 2020 2:19 pm บอร์ด Programming - C/C++ & java & Python
2
1069
จ 03 ก.พ. 2020 2:41 pm โดย chatee supasand
กดsaveแล้วerrorครับ(สอนเขียน PHP ติดต่อฐานข้อมูล MySQL อัพโหลดภาพ เพิ่ม ลบ แก้ไข Database)
โดย jutikul1012 จ 03 ก.พ. 2020 11:02 am บอร์ด Programming - PHP
0
1794
จ 03 ก.พ. 2020 11:02 am โดย jutikul1012
อย่าลืมเซฟงานนะ
โดย noppadonsk จ 03 ก.พ. 2020 10:45 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
894
จ 03 ก.พ. 2020 11:01 am โดย thatsawan
ขอคำแนะนำเทคนิคพแดี พอดีผมกำลังหัดทำเว็บด้วย wordpress
โดย Anonymous จ 03 ก.พ. 2020 7:47 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
320
จ 03 ก.พ. 2020 11:24 am โดย mindphp
ทำความเข้าใจกับคีย์ลัด google Sheetsl เพื่อให้การทำงานง่ายขึ้น
โดย nutchasn ส 01 ก.พ. 2020 6:37 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
127
ส 01 ก.พ. 2020 6:37 pm โดย nutchasn
เพิ่มทักษะการใช้โปรแกรม Microsoft Excel ให้คำนวณและวิเคราะห์ได้ง่ายขึ้น
โดย nutchasn ส 01 ก.พ. 2020 5:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
129
ส 01 ก.พ. 2020 5:53 pm โดย nutchasn
ความแตกต่างของ google Slides กับ powerpoint เพื่อเลือกใช้ในการนำเสนอ
โดย nutchasn ส 01 ก.พ. 2020 5:02 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
117
ส 01 ก.พ. 2020 5:02 pm โดย nutchasn
เรียนรู้การขอStatement เพื่อใช้เป็นหลักฐานยืนยันการเคลื่อนไหวทางการเงิน
โดย nutchasn ส 01 ก.พ. 2020 2:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
118
ส 01 ก.พ. 2020 2:53 pm โดย nutchasn