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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การใช้งาน bootstrap Tooltip
โดย abdkode พฤ 17 ม.ค. 2019 7:10 pm บอร์ด Jquery & Ajax Knowledge
0
6
พฤ 17 ม.ค. 2019 7:10 pm โดย abdkode
ว่าด้วยภาษีรถยนต์
โดย abdkode พฤ 17 ม.ค. 2019 6:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
พฤ 17 ม.ค. 2019 6:46 pm โดย abdkode
การทำใบเสนอราคา (Quotations) ในโปรแกรม Open ERP
โดย Chidchanok พฤ 17 ม.ค. 2019 6:37 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
5
พฤ 17 ม.ค. 2019 6:37 pm โดย Chidchanok
ความแตกต่างของ get และ post
โดย abdkode พฤ 17 ม.ค. 2019 6:19 pm บอร์ด PHP Knowledge
0
13
พฤ 17 ม.ค. 2019 6:19 pm โดย abdkode
การเพิ่มข้ออมูลลูกค้า ในโปรแกรม Open ERP
โดย Chidchanok พฤ 17 ม.ค. 2019 5:31 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
5
พฤ 17 ม.ค. 2019 5:31 pm โดย Chidchanok
เงื่อนไขในการขนส่งสินค้า
โดย Chidchanok พฤ 17 ม.ค. 2019 4:41 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
7
พฤ 17 ม.ค. 2019 4:41 pm โดย Chidchanok
ภาษีโรงเรือนและที่ดิน ต้องเสียภาษีอย่างไร
โดย Chidchanok พฤ 17 ม.ค. 2019 3:59 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
10
พฤ 17 ม.ค. 2019 3:59 pm โดย Chidchanok
โปรแกรมตัดแต่งรูป ที่ใช้กับ Ubuntu มีโปรแกรมอะไรบ้างค่ะ
โดย ณัฐกฤตา บุญญะฤทธิ์ พฤ 17 ม.ค. 2019 3:34 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
4
พฤ 17 ม.ค. 2019 3:34 pm โดย ณัฐกฤตา บุญญะฤทธิ์
ภาษีป้าย ต้องเสียภาษีอย่างไร
โดย Chidchanok พฤ 17 ม.ค. 2019 3:30 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
5
พฤ 17 ม.ค. 2019 3:30 pm โดย Chidchanok
วิดิโอใน google drive ขึ้น This video format is not supported. แก้ไขยังๆไงคะ
โดย Chidchanok พฤ 17 ม.ค. 2019 2:26 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
15
พฤ 17 ม.ค. 2019 6:10 pm โดย thatsawan
วิธีการลบ แถบหมวดเมนู .MOD(Extension) ใน phpbb
โดย Ittichai_chupol พฤ 17 ม.ค. 2019 1:59 pm บอร์ด PHP Knowledge
0
6
พฤ 17 ม.ค. 2019 1:59 pm โดย Ittichai_chupol
การขีดเส้นใต้ตัวอักษร ในเว็บบอร์ด phpBB โดยใช้เครื่องมือใน BBcode
โดย จันนุสรณ์ ดีแก่ พฤ 17 ม.ค. 2019 1:11 pm บอร์ด phpBB user Guide Knowledge
0
15
พฤ 17 ม.ค. 2019 1:11 pm โดย จันนุสรณ์ ดีแก่
หนี้สูญได้รับคืน ต้องบันทึกบัญชีอย่างไร
โดย Chidchanok พฤ 17 ม.ค. 2019 12:33 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
16
พฤ 17 ม.ค. 2019 12:33 pm โดย Chidchanok
มาทำความรู้จักกับหนี้สูญและหนี้สงสัยจะสูญ
โดย Chidchanok พฤ 17 ม.ค. 2019 11:43 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
19
พฤ 17 ม.ค. 2019 11:43 am โดย Chidchanok
อยากเที่ยวแต่เงินในกระเป๋าไม่เข้าใจ
โดย จันนุสรณ์ ดีแก่ พฤ 17 ม.ค. 2019 11:41 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พฤ 17 ม.ค. 2019 11:41 am โดย จันนุสรณ์ ดีแก่
[Extension phpBB3.1.1] Halloween Extension ไตล์ในรูปแบบของวันฮาโลวีน ชวนคุณขนลุกในวันหลอนๆ
โดย จันนุสรณ์ ดีแก่ พฤ 17 ม.ค. 2019 11:20 am บอร์ด phpBB 3.1 Extension Review
0
19
พฤ 17 ม.ค. 2019 11:20 am โดย จันนุสรณ์ ดีแก่
Python Gui เบื้องต้น part6 MessageBox และ Event
โดย ichimarusoichi พฤ 17 ม.ค. 2019 11:10 am บอร์ด Python Knowledge
0
23
พฤ 17 ม.ค. 2019 11:10 am โดย ichimarusoichi
[Extension phpBB3.1.1] Naruto Shippuuden Extension ไตล์ในรูปแบบของนารูโตะ
โดย จันนุสรณ์ ดีแก่ พฤ 17 ม.ค. 2019 10:41 am บอร์ด phpBB 3.1 Extension Review
0
13
พฤ 17 ม.ค. 2019 10:41 am โดย จันนุสรณ์ ดีแก่
วิธีแปะลิ้งไว้ในส่วนเกิ่นนำของบทความทำอย่างไรค่ะ
โดย ณัฐกฤตา บุญญะฤทธิ์ พฤ 17 ม.ค. 2019 10:29 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
28
พฤ 17 ม.ค. 2019 4:36 pm โดย ณัฐกฤตา บุญญะฤทธิ์
การจัดการเรียนการสอนด้วย Google Classroom ใน Google Apps for education
โดย ณัฐกฤตา บุญญะฤทธิ์ พ 16 ม.ค. 2019 11:35 pm บอร์ด Share Knowledge
0
59
พ 16 ม.ค. 2019 11:35 pm โดย ณัฐกฤตา บุญญะฤทธิ์