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

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

Attribute (แอตทริบิวต์) คือ การกำหนดคุณลักษณะของอิลิเมนท์

          การกำหนดคุณลักษณะใน HTML เช่น  อิลิเมนต์ที่ใช้แสดงรูปภาพ (<img>) ก็จะมีแอตทริบิวต์ที่ใช้กำหนดตำแหน่งของภาพ กำหนดที่อยู่ของภาพ กำหนดความกว้าง ความสูงของภาพ เช่น  <img src="/ที่อยู่ของภาพ" width="ความกว้าง" hight="ความสูง" alt="คำอธิบายรูป"> หรือ อิลิเมนต์แสดงลิ้งก์  ก็จะมีแอตทริบิวต์ที่กำหนด URLเป็นต้น

          การกำหนดแอตทริบิวต์ จะมีอยู่ 2 แบบ คือ กำหนดชื่อและค่า และการกำหนดแบบ บูลีน

แอตทริบิวต์แบกำหนดชื่อและค่า (Name & Value)

          แอตทริบิวต์แบบกำหนดชื่อและค่า ต้องกำหนดในรูปแบบของ name="Value" ที่แท็กเปิดของอิลิเมนต์ แนวทางในการกำหนดแอตทริบิวต์ให้แก่อิลิเมนต์ของ HTML

การกำหนดแอตทริบิวต์ สามารถกำหนดได้ 3 ลักษณะ คือ

1. กำหนดโดยเครื่องหมาย "___" เช่น <a href="/www.mindphp.com">

2. กำหนดโดยเครื่องหมาย '___' เช่น <a href='www.mindphp.com'>

3. กำหนดโดยไม่ใช้เครื่องหมายใดๆ หรือ การใส่ค่าลงไปเลย เช่น <a href=www.mindphp.com> ก็ได้เหมือนกัน 

โดยหลักการทั่วไป การเขียนแบบกำหนดค่าจะนิยมใช้เครื่องหมาย "___" มากกว่า 

          การกำหนดค่าแอตทริบิวต์โดยไม่ใช้เครื่องหมายใดๆ กำกับ จะใช้ได้เฉพาะการที่ค่าของแอตทริบิวต์นั้น เขียนติดกันโดยไม่มีช่องว่างคั่น ถ้าหากมีช่องว่างคั่น จะทำให้การทำงานผิดพลาดได้

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

การกำหนดแอตทริบิวต์แบบบูลีน (Boolean)

          แอตทริบิวต์แบบบูลีน (ฺBoolean) จะเป็นการกำหนดคุณลักษณะแบบ On/Off เช่น อิลิเมนต์ อินพุท (Element Input) ที่เป็นตัวอิลิเมนต์ของช่องรับข้อมูล จะมีแอตทริบิวต์ชื่อ disable (ปิดการใช้งาน) ใช้ในกำหนดคุณสมบัติว่าให้อิพุทตัวนั้นสามารถใช้งานได้หรือไม่ โดยกำหนดค่า ดังนี้ 

ในรูปแบบของ XHTML จะกำหนดโดยการนำชื่อแอตทริบิวต์มากำหนดค่าของแอตทริบิวต์เลย เช่น

<input type="text" disable="disable">

ในรูปแบบของ HTML5 จะกำหนดเพียงแค่ชื่อของแอตทริบิวต์ โดยไม่ต้องกำหนดค่าดังนี้

<input type="text" disable>

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธี ซ่อนไฟล์ใน Google Drive หายังไงก็ไม่เจอ
โดย noppadonsk พ 04 ธ.ค. 2019 5:16 pm บอร์ด Share Knowledge
0
26
พ 04 ธ.ค. 2019 5:16 pm โดย noppadonsk
รู้รึยังการใส่เพลงใน Google Slides
โดย noppadonsk พ 04 ธ.ค. 2019 4:41 pm บอร์ด Share Knowledge
0
20
พ 04 ธ.ค. 2019 4:41 pm โดย noppadonsk
คู่มือการเลือกใช้ไฟล์สำหรับงานออกแบบ
โดย noppadonsk พ 04 ธ.ค. 2019 4:20 pm บอร์ด Graphic design
0
22
พ 04 ธ.ค. 2019 4:20 pm โดย noppadonsk
แนะนำเทมเพลต MooZii Opencart - Template MooZiicart สร้างเว็บไซต์ให้สวยได้ด้วยตัวเอง
โดย prmindphp พ 04 ธ.ค. 2019 4:04 pm บอร์ด MindPHP News & Feedback
1
995
พ 04 ธ.ค. 2019 5:02 pm โดย mindphp
MEMPHIS STYLE กราฟิกที่เรียบง่ายช่วยให้งานโดดเด่น
โดย noppadonsk พ 04 ธ.ค. 2019 3:58 pm บอร์ด Graphic design
0
954
พ 04 ธ.ค. 2019 3:58 pm โดย noppadonsk
ตัวอย่างการใช้บอร์ด Arduino ต่อกับจอแสดงผล OLED
โดย Grammanano พ 04 ธ.ค. 2019 3:57 pm บอร์ด Share Knowledge
0
20
พ 04 ธ.ค. 2019 3:57 pm โดย Grammanano
VDO - แนะนำการใช้งาน Module Weather Forcecast
โดย numtan5839 พ 04 ธ.ค. 2019 12:08 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
13
75
ส 07 ธ.ค. 2019 12:06 pm โดย numtan5839
การสืบทอด (Inheritance) ใน JAVA
โดย Grammanano พ 04 ธ.ค. 2019 1:48 pm บอร์ด Share Knowledge
0
17
พ 04 ธ.ค. 2019 1:48 pm โดย Grammanano
พาส่อง ต้นไม้เรียกทรัพย์ เริ่มต้น 10.- ที่ตลาดต้นไม้จตุจักร
โดย promotions พ 04 ธ.ค. 2019 11:50 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
732
พ 04 ธ.ค. 2019 11:50 am โดย promotions
งานประจำวันที่ 4 ธันวาคม 2562
โดย numtan5839 พ 04 ธ.ค. 2019 10:09 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
19
พ 04 ธ.ค. 2019 7:46 pm โดย numtan5839
งานประจำวันที่ 4 ธันวาคม 2562
โดย noppadonsk พ 04 ธ.ค. 2019 10:05 am บอร์ด MT36 - นายนพดล สุชญากูล
3
22
พ 04 ธ.ค. 2019 6:52 pm โดย noppadonsk
งานประจำวันที่ 4 ธันวาคม 2562
โดย Grammanano พ 04 ธ.ค. 2019 10:01 am บอร์ด M098 - อนงค์นาท ไฝขาว
1
8
พ 04 ธ.ค. 2019 7:03 pm โดย Grammanano
การเขียน for loop ในภาษา C
โดย Grammanano อ 03 ธ.ค. 2019 6:24 pm บอร์ด Share Knowledge
1
973
อ 03 ธ.ค. 2019 7:15 pm โดย chatee supasand
วิธีการทำ pulgin ให้ copy รูปภาพที่อยู่ในโฟนเดอร์ images ของ joomla
โดย jamepiyawat อ 03 ธ.ค. 2019 6:23 pm บอร์ด Joomla Developing Knowledge
0
969
อ 03 ธ.ค. 2019 6:23 pm โดย jamepiyawat
วิธีการใช้ JQuery ทำค้นหาเฉพาะข้อมูลที่มีค่าตรงตามที่ตรงการ
โดย Ittichai_chupol อ 03 ธ.ค. 2019 6:19 pm บอร์ด Jquery & Ajax Knowledge
0
10
อ 03 ธ.ค. 2019 6:19 pm โดย Ittichai_chupol
การเขียน do while loop ในภาษา C
โดย Grammanano อ 03 ธ.ค. 2019 5:24 pm บอร์ด Share Knowledge
0
13
อ 03 ธ.ค. 2019 5:24 pm โดย Grammanano
บทความ Draft ภาพนับว่าละเมิดลิขสิทธิ์หรือไม่
โดย noppadonsk อ 03 ธ.ค. 2019 4:47 pm บอร์ด Share Knowledge
0
9
อ 03 ธ.ค. 2019 4:47 pm โดย noppadonsk
Module "Weather Forcecast" การพยากรณ์อากาศสำหรับประเทศไทยล่วงหน้า
โดย prmindphp อ 03 ธ.ค. 2019 4:43 pm บอร์ด MindPHP News & Feedback
0
102
อ 03 ธ.ค. 2019 4:43 pm โดย prmindphp
การเขียน while loop ในภาษา C
โดย Grammanano อ 03 ธ.ค. 2019 4:29 pm บอร์ด Share Knowledge
0
14
อ 03 ธ.ค. 2019 4:29 pm โดย Grammanano
ออนไลน์มาร์เก็ตติ้ง กับ ดิจิตอลมาเก็ตติ้ง แตกต่างกันอย่างไร
โดย noppadonsk อ 03 ธ.ค. 2019 4:16 pm บอร์ด Share Knowledge
0
14
อ 03 ธ.ค. 2019 4:16 pm โดย noppadonsk