ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
ขอความช่วยเหลือ ปัญหาการ restart service
โดย bom_002 จ 27 มี.ค. 2017 8:25 pm บอร์ด OpenERP
0
9
จ 27 มี.ค. 2017 8:25 pm โดย bom_002
B - Validate customer payment ไม่ได้
โดย thatsawan จ 27 มี.ค. 2017 7:01 pm บอร์ด OpenERP Light Tester
0
3
จ 27 มี.ค. 2017 7:01 pm โดย thatsawan
ถามวิธีการแก้ตารางล้นกรอบ
โดย dawthana จ 27 มี.ค. 2017 6:16 pm บอร์ด OpenERP
0
7
จ 27 มี.ค. 2017 6:16 pm โดย dawthana
ติดตั้ง Google Chrome(กรูเกิลโครม) บน ubuntu 16.04
โดย bom_002 จ 27 มี.ค. 2017 5:11 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
10
จ 27 มี.ค. 2017 5:11 pm โดย bom_002
การติดตั้ง Skype(สไกป์) บนระบบปฏิบัติการ ubuntu 16.04
โดย bom_002 จ 27 มี.ค. 2017 4:01 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
15
จ 27 มี.ค. 2017 4:01 pm โดย bom_002
Laragon โปรแกรมจำลอง Server สำหรับพัฒนาเว็บไซต์ด้วยภาษา PHP
โดย tsukasaz จ 27 มี.ค. 2017 3:45 pm บอร์ด Weekly Knowledge
2
8
จ 27 มี.ค. 2017 3:45 pm โดย mindphp
GRUB (Restoring GRUB) คืออะไร
โดย bom_002 จ 27 มี.ค. 2017 12:32 pm บอร์ด Linux - Web Server
0
15
จ 27 มี.ค. 2017 12:32 pm โดย bom_002
รายงานประจำวันที่ 27 มีนาคม 2560
โดย bom_002 จ 27 มี.ค. 2017 10:15 am บอร์ด M043 - นพรัตน์ เกษเจริญคุณ
3
8
จ 27 มี.ค. 2017 10:15 am โดย bom_002
TODO - extension ปิดสิทธิ์ไม่ให้สมาชิกส่ง PM หากันได้ ยกเว้น ส่งหา admin
โดย thatsawan อ 26 มี.ค. 2017 11:35 pm บอร์ด phpBB3 Mods & Extensions
0
1
อ 26 มี.ค. 2017 11:35 pm โดย thatsawan
เมื่อลงโปรแกรม ubuntu 16.04 ใกล้เสร็จแล้ว แต่เกิด error ขึ้นครับ
โดย bom_002 ส 25 มี.ค. 2017 5:13 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
31
ส 25 มี.ค. 2017 5:13 pm โดย mindphp
วิธีแก้ error UnicodeDecodeError: 'ascii' ด้วย ตัวแปล,encode('utf-8','ignore') ปัญหาจากข้อมูลที่เป็นภาษาไทย
โดย thatsawan ส 25 มี.ค. 2017 3:23 pm บอร์ด OpenERP
0
5
ส 25 มี.ค. 2017 3:23 pm โดย thatsawan
วิธีเปลี่ยนรูปแบบวันที่ ปี- เดือน - วัน เวลา [2017-02-23 05:00:00] -> วัน - เดือน - ปี [23 - 02 -2017]
โดย thatsawan ส 25 มี.ค. 2017 3:04 pm บอร์ด OpenERP
0
1
ส 25 มี.ค. 2017 3:04 pm โดย thatsawan
วิธีเปิด debug เเละวิธีการใช้ _logger.debug
โดย thatsawan ส 25 มี.ค. 2017 2:43 pm บอร์ด OpenERP
0
3
ส 25 มี.ค. 2017 2:43 pm โดย thatsawan
วิธีการสร้าง USB boot(ยูเอสบี บูท) บนระบบปฏิบัติการ Ubuntu(ยูบันตู)
โดย bom_002 ส 25 มี.ค. 2017 11:50 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
18
ส 25 มี.ค. 2017 11:50 am โดย bom_002
วิธีการ format(ฟอแมต) และลบ partition(พาสดิชัน) ของ USB disk(ยูเอสบี ดิส) ด้วย command line(คอมมาน ไล)
โดย bom_002 ส 25 มี.ค. 2017 11:13 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
22
ส 25 มี.ค. 2017 11:13 am โดย bom_002
รายงานประจำวันที่ 25 มีนาคม 2560
โดย bom_002 ส 25 มี.ค. 2017 10:11 am บอร์ด M043 - นพรัตน์ เกษเจริญคุณ
3
11
ส 25 มี.ค. 2017 10:11 am โดย bom_002
ต้องการจัดทำระบบ CRM ค่ะต้องทำยังไงบ้างคะ อย
โดย Sawika Maekai ส 25 มี.ค. 2017 4:13 am บอร์ด Programming - PHP
1
22
ส 25 มี.ค. 2017 4:13 am โดย mindphp
อยากสอบถามเรื่องการทำโปรแกรม CRM ค่ะ
โดย Sawika Maekai ส 25 มี.ค. 2017 4:12 am บอร์ด Programming - PHP
0
9
ส 25 มี.ค. 2017 4:12 am โดย Sawika Maekai
ติดตั้ง Pycharm(ไพชาม) บนระบบปฏิบัติการ Ubuntu(อูบันตู)
โดย bom_002 ศ 24 มี.ค. 2017 8:24 pm บอร์ด Linux - Web Server
1
23
ศ 24 มี.ค. 2017 8:24 pm โดย bom_002
R - List module OpenERP และ Odoo
โดย M032 ศ 24 มี.ค. 2017 7:14 pm บอร์ด shop.mindphp.com
0
2
ศ 24 มี.ค. 2017 7:14 pm โดย M032