แอตทริบิวต์ HTML

แอตทริบิวต์ให้ข้อมูลเพิ่มเติมเกี่ยวกับองค์ประกอบ HTML

แอตทริบิวต์ HTML เป็นตัวปรับแต่งของ HTML ประเภทองค์ประกอบ แอตทริบิวต์ทั้งปรับเปลี่ยนฟังก์ชั่นเริ่มต้นของประเภทองค์ประกอบหรือให้การทำงานประเภทองค์ประกอบบางอย่างที่ไม่สามารถที่จะทำงานได้อย่างถูกต้องโดยที่พวกเขา ในไวยากรณ์ HTML, แอตทริบิวต์จะถูกเพิ่มไปยังแท็กเริ่มต้น HTML

แอตทริบิวต์ HTML

องค์ประกอบ HTML สามารถมี attributes
แอตทริบิวต์ให้ additional information เกี่ยวกับองค์ประกอบ
แอตทริบิวต์ที่ระบุไว้เสมอใน the start tag
แอตทริบิวต์ที่มาเป็นคู่ชื่อ / ค่าที่ชอบ: name="value"

ลักษณะ

HTML คุณลักษณะทั่วไปปรากฏเป็นคู่ค่าชื่อแยกจากกันโดย = และมีการเขียนภายในแท็กเริ่มต้นขององค์ประกอบตามชื่อขององค์ประกอบ:

<tag attribute="value">content to be modified by the tag</tag>

ในกรณีที่แท็กชื่อ HTML ประเภทองค์ประกอบและแอตทริบิวต์เป็นชื่อของแอตทริบิวต์การตั้งค่าให้ ค่าที่อาจจะถูกล้อมรอบในราคาเดียวหรือสองครั้งแม้ว่าค่าประกอบด้วยอักขระบางตัวสามารถด้านซ้าย unquoted ใน HTML ( แต่ไม่ XHTML) .Leaving ค่าแอตทริบิวต์ unquoted ถือว่าไม่ปลอดภัย

แม้ว่าคุณลักษณะส่วนใหญ่จะให้เป็นชื่อและค่าจับคู่บางส่วนส่งผลกระทบต่อองค์ประกอบเพียงโดยการปรากฏตัวของพวกเขาในแท็กเริ่มต้นขององค์ประกอบ (เช่นแอตทริบิวต์ ismap องค์ประกอบ img) ที่

องค์ประกอบส่วนใหญ่สามารถใช้ใด ๆ ของคุณสมบัติทั่วไปหลายประการ:

แอตทริบิวต์ ID มีทั้งเอกสารระบุเฉพาะสำหรับ element.This สามารถใช้เป็นตัวเลือก CSS เพื่อให้คุณสมบัติ presentational, เบราว์เซอร์ที่จะมุ่งความสนใจไปที่องค์ประกอบที่เฉพาะเจาะจงหรือโดยสคริปต์ที่จะปรับเปลี่ยนเนื้อหาหรืองานนำเสนอของธาตุนั้น ท้าย URL ของหน้า URL ที่ตรงเป้าหมายองค์ประกอบที่เฉพาะเจาะจงภายในเอกสารโดยปกติจะเป็นส่วนย่อยของหน้า ตัวอย่างเช่นรหัส "คุณสมบัติ"

แอตทริบิวต์ชั้นมีวิธีการจำแนกองค์ประกอบของที่คล้ายกัน นี้สามารถนำมาใช้เพื่อวัตถุประสงค์ในความหมายหรือเพื่อวัตถุประสงค์ในการนำเสนอ ความหมายเช่นเรียนที่ใช้ในไมโครฟอร์แมต Presentationally ตัวอย่างเช่นเอกสาร HTML อาจใช้ระดับการแต่งตั้ง = "โน้ต" เพื่อแสดงให้เห็นว่าองค์ประกอบทั้งหมดที่มีมูลค่าระดับนี้ผู้ใต้บังคับบัญชาเพื่อข้อความหลักของเอกสาร องค์ประกอบดังกล่าวอาจจะมีการรวมตัวกันและนำเสนอเป็นเชิงอรรถในหน้าแทนปรากฏในสถานที่ที่พวกเขาเกิดขึ้นในแหล่ง HTML ใช้นำเสนออีกก็จะเป็นตัวเลือก CSS

ผู้เขียนอาจจะใช้รหัสรูปแบบที่ไม่ใช่ attributal คุณสมบัติ presentational กับองค์ประกอบโดยเฉพาะอย่างยิ่ง ก็ถือว่าการปฏิบัติดีกว่าการใช้รหัสองค์ประกอบของหรือระดับแอตทริบิวต์เลือกองค์ประกอบที่มีสไตล์ชีทแม้ว่าบางครั้งนี้จะยุ่งยากเกินไปสำหรับโปรแกรมที่ง่ายและเฉพาะเจาะจงหรือเฉพาะกิจของคุณสมบัติสไตล์

แอตทริบิวต์ชื่อที่ใช้ในการแนบคำอธิบาย subtextual เพื่อองค์ประกอบ ในเบราว์เซอร์ส่วนใหญ่แอตทริบิวต์นี้จะแสดงเป็นสิ่งที่มักจะเรียกว่าเป็นคำแนะนำเครื่องมือ

องค์ประกอบย่อ abbr สามารถนำมาใช้เพื่อแสดงให้เห็นถึงคุณลักษณะต่างๆเหล่านี้:

ตัวอย่างนี้แสดงเป็น HTML; ในเบราว์เซอร์ส่วนใหญ่ชี้เคอร์เซอร์ไปที่ย่อควรแสดงข้อความชื่อ "Hypertext Markup Language."

องค์ประกอบส่วนใหญ่ยังใช้ภาษาที่เกี่ยวข้องกับแอตทริบิวต์ lang และ dir

lang แอตทริบิวต์

ภาษาของเอกสารที่สามารถประกาศใน <html> แท็ก

ภาษาที่ถูกประกาศใน lang แอตทริบิวต์

ประกาศภาษาเป็นสิ่งสำคัญสำหรับการใช้งานการเข้าถึง (screen readers) และเครื่องมือค้นหา:

<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

ทั้งสองตัวอักษรตัวแรกระบุภาษา (en) หากมีภาษาใช้ตัวอักษรสองตัวมากขึ้น (US)

title แอตทริบิวต์

ย่อหน้า HTML จะถูกกำหนดด้วย <p> แท็ก

ในตัวอย่างนี้ <p> องค์ประกอบมีแอตทริบิวต์ชื่อ ค่าของแอตทริบิวต์คือ " About w3im " :

ตัวอย่าง

<p title="About w3ii">
w3ii is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p>

ลองตัวเอง»

เมื่อคุณเลื่อนเมาส์เหนือองค์ประกอบชื่อจะปรากฏเป็นคำแนะนำเครื่องมือ

href แอตทริบิวต์

ลิงก์ HTML จะถูกกำหนดด้วย <a> แท็ก ที่อยู่เชื่อมโยงระบุไว้ใน href แอตทริบิวต์:

ตัวอย่าง

ลองตัวเอง»

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับการเชื่อมโยงและ <a> แท็กต่อไปในการกวดวิชานี้

แอตทริบิวต์ขนาด

ภาพ HTML จะถูกกำหนดด้วย <img> แท็ก

ชื่อไฟล์ของแหล่งที่มา ( src ) และขนาดของภาพ (คน width และ height ) ทั้งหมดให้เป็นคุณลักษณะ:

ตัวอย่าง

ลองตัวเอง»

ขนาดภาพถูกระบุไว้ในพิกเซล: width = "104" หมายความว่า 104 พิกเซลหน้าจอกว้าง

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับภาพและ <img> แท็กต่อไปในการกวดวิชานี้

alt Attribute

alt แอตทริบิวต์ระบุข้อความทางเลือกที่จะนำมาใช้เมื่อองค์ประกอบ HTML ไม่สามารถแสดงได้

ค่าของแอตทริบิวต์ที่สามารถอ่านได้โดย "screen readers" วิธีนี้ใครบางคน "listening" ไปยังหน้าเว็บเช่นเป็นคนตาบอดสามารถ "hear" องค์ประกอบ

ตัวอย่าง

ลองตัวเอง»

เราขอแนะนำ: ควรใช้ตัวพิมพ์เล็กคุณสมบัติ

มาตรฐาน HTML5 ไม่จำเป็นต้องต่ำกว่าชื่อแอตทริบิวต์กรณี

title แอตทริบิวต์สามารถเขียนได้กับกรณีบนหรือล่างเช่น Title และ / หรือ TITLE

W3C แนะนำตัวพิมพ์เล็กใน HTML4 และความต้องการพิมพ์เล็กประเภทเอกสารที่เข้มงวดเช่น XHTML

กรณีที่ต่ำกว่าเป็นส่วนใหญ่ กรณีที่ต่ำกว่าจะง่ายต่อการพิมพ์
ที่ w3ii เรามักจะใช้กรณีที่ต่ำกว่าแอตทริบิวต์ชื่อ

เราขอแนะนำ: เสมออ้างแอตทริบิวต์ค่า

มาตรฐาน HTML5 ไม่ต้องใช้คำพูดรอบค่าแอตทริบิวต์

href แอตทริบิวต์แสดงให้เห็นข้างต้นสามารถเขียนเป็น:

ตัวอย่าง

ลองตัวเอง»

W3C recommends คำพูดใน HTML4 และเรียกร้องคำพูดประเภทเอกสารที่เข้มงวดเช่น XHTML

บางครั้งก็มีความจำเป็นต้องใช้คำพูด นี้จะไม่แสดงอย่างถูกต้องเพราะมันมีช่องว่าง:

ตัวอย่าง

ลองตัวเอง»

คำพูดที่ใช้เป็นส่วนใหญ่ คำพูดที่ถนัดสามารถผลิตข้อผิดพลาด
ที่ w3ii เรามักจะใช้คำพูดรอบค่าแอตทริบิวต์

คำคมเดียวหรือสองครั้ง?

คำพูดสไตล์คู่ที่พบมากที่สุดใน HTML แต่สไตล์เดียวนอกจากนี้ยังสามารถนำมาใช้

ในบางสถานการณ์เมื่อค่าแอตทริบิวต์ที่ตัวเองมีราคาคู่ก็เป็นสิ่งจำเป็นที่จะใช้ราคาเดียว:

หรือในทางกลับกัน:

บทสรุป

องค์ประกอบ HTML ทุกคนสามารถมีแอตทริบิวต์
ใช้ HTML title แอตทริบิวต์ให้เพิ่มเติม "tool-tip" ข้อมูล
ใช้ HTML href แอตทริบิวต์ให้ข้อมูลที่อยู่สำหรับการเชื่อมโยง
ใช้ HTML width และ height แอตทริบิวต์ให้ข้อมูลขนาดภาพ
ใช้ HTML alt แอตทริบิวต์ให้ข้อความสำหรับโปรแกรมอ่านหน้าจอ
ที่ w3ii เรามักจะใช้ lowercase HTML แอตทริบิวต์ชื่อ
ที่ w3ii เรามักจะ quote แอตทริบิวต์กับคำพูดคู่

ทดสอบตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ใช้สิทธิ 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ใช้สิทธิ 5 »