2.1 ข้อมูลเบื้องต้นเกี่ยวกับแท็ก
HTML-documentsมาร์กอัปขึ้น อยู่กับแท็ก แท็กคืออะไร?
แท็กถูกประดิษฐ์ขึ้นในทศวรรษที่ 70 เพื่อให้ผู้คนสามารถเพิ่มข้อมูลบริการลงในเอกสารสำหรับโปรแกรมที่ประมวลผลเอกสารเหล่านี้
Tag- นี่คือคำสำคัญ (ใช้งานได้) ซึ่งส่วนใหญ่มักเป็นภาษาอังกฤษซึ่งอยู่ในวงเล็บมุม (อักขระมากขึ้นและน้อยลง) เพื่อให้โปรแกรมไม่สับสนระหว่างแท็กและคำสามัญในภาษาอังกฤษ
แท็กอาจมีข้อมูลบริการต่างๆ ที่อาจเป็นประโยชน์ต่อโปรแกรมที่ประมวลผลเอกสาร
ตัวอย่างข้อความที่มีแท็ก:
<a href="http://codegym.cc/about">
Link to something interesting
</a>ในตัวอย่างนี้ เราจะเห็นข้อความ แท็ก "a" ตลอดจนข้อมูลบริการ - แอตทริบิวต์ของแท็ก ด้านล่างนี้คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับพวกเขา
2.2 ประเภทของแท็ก: เปิด, ปิด, แท็กว่าง
แท็กมีหลายประเภท อย่างแรกคือเป็นแบบเดี่ยวและแบบคู่ ที่พบมากที่สุดคือ แท็ กคู่ และอย่างที่คุณเดาได้อยู่แล้ว พวกมันมักจะไปเป็นคู่เสมอ เรียกอีกอย่างว่าการเปิดและปิด
แท็กเปิดเป็นเพียงคีย์เวิร์ดในวงเล็บสามเหลี่ยม ตัวอย่าง:
<h1>แท็กปิดคล้ายกับแท็กเปิด แต่คีย์เวิร์ดนำหน้าด้วยเครื่องหมายทับ ตัวอย่าง:
</h1>แท็กเปิดอาจมีข้อมูลบริการ - แอตทริบิวต์ ส่วนปิด -ไม่ใช่ แท็กเริ่มต้นจะเป็นแท็กแรกของคู่เสมอ แท็กปิดไม่สามารถอยู่ก่อนในข้อความ แล้วจึงแท็กเปิด สิ่งนี้HTML-documentจะไม่ถูกต้อง
แท็กเดี่ยวไม่มีแท็กปิด รายการของแท็กดังกล่าวถูกกำหนดHTML-standardโดย ตัวอย่างของแท็กดังกล่าว:
<br>- ตัวแบ่งบรรทัด<img>- รูปภาพ.
อย่างไรก็ตาม แท็กที่จับคู่หากไม่มีข้อมูลภายในสามารถเขียนในรูปแบบย่อ . ตัวอย่าง:
<h1/>นี่ไม่ใช่แท็กเดี่ยว แต่เป็นแท็กคู่ที่ว่างเปล่า มันเหมือนกับแท็กทั้งปิดและเปิดในเวลาเดียวกัน ซึ่งแตกต่างจากแท็กปิดตรงที่เครื่องหมายทับอยู่ที่ส่วนท้าย (ก่อนวงเล็บเหลี่ยมที่สอง)
2.3 ต้นไม้แท็ก
และข้อมูลที่สำคัญเพิ่มเติมเกี่ยวกับแท็กที่จับคู่ สามารถมีได้หลายรายการในเอกสารและสามารถซ้อนกันได้ มันหมายความว่าอะไร? ซึ่งหมายความว่าข้อความใด ๆ ภายในHTML-documentสามารถใส่กรอบ (ห่อ) ด้วยแท็กได้ แม้ว่าจะมีแท็กอื่นอยู่ด้วยก็ตาม ตัวอย่าง:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>ลำดับของแท็กอาจเกิดขึ้นในข้อความ html:
<h1> <h2> </h2> </h1>แต่ไม่สามารถ:
<h1> <h2> </h1> </h2>หากแท็กเริ่มต้น<h2>อยู่ใน<h1>คู่ -แท็ก ดังนั้นแท็กสิ้นสุดที่ตรงกัน</h2>จะต้องอยู่ใน<h1>คู่ -แท็ก ด้วย
ดังนั้น แท็ ก เอกสารทั้งหมดจึงกลายเป็น แท็กทรีชนิดหนึ่ง อันดับแรกคือแท็กระดับบนสุดที่ล้อมรอบเอกสารทั้งหมด ซึ่งโดยปกติจะเรียก<html>ว่า มีคู่แท็กย่อย มีแท็กของตัวเอง และอื่นๆ
ที่จริงแล้ว โปรแกรมที่ประมวลผลเอกสารที่มีแท็กจะมองเห็นเอกสารนั้นทุกประการ - เป็นแผนผังแท็กที่มีข้อความอยู่ภายใน
2.4 คุณสมบัติ
ข้อมูลเกี่ยวกับแท็กจะไม่สมบูรณ์หากเราไม่ได้พูดถึงแอตทริบิวต์ แท็กเดี่ยวและแท็กเริ่มต้นของแท็กคู่สามารถมีได้ แอตทริบิวต์เหล่านี้มีข้อมูลที่เป็นประโยชน์เกี่ยวกับเนื้อหาของแท็ก
แท็กสามารถมีแอตทริบิวต์ได้หลายรายการ และมีรูปแบบทั่วไปดังต่อไปนี้:
<tag name1="value1" name2="value2">แต่ละแอตทริบิวต์ถูกระบุเป็นคู่ของNameและ meaningสามารถมีแอตทริบิวต์จำนวนเท่าใดก็ได้
«<»แต่โปรแกรมเมอร์ที่มีประสบการณ์จะถามคำถามทันที: จะทำอย่างไรถ้าคุณต้องการใช้ข้อความที่มีอักขระ หรือ«>»เครื่องหมายคำพูดเป็นค่าแอตทริบิวต์ ?
| ชื่อสัญลักษณ์ | เครื่องหมาย | รายการ HTML |
|---|---|---|
| เครื่องหมายอัญประกาศคู่ | " | " |
| เครื่องหมาย | & | & |
| สัญลักษณ์น้อยกว่า | < | < |
| สัญลักษณ์เพิ่มเติม | > | > |
| ช่องว่าง | ||
| คำพูดเดียว | ' | ' |