แท็กคืออะไรและใช้งานอย่างไร

สารบัญ:

แท็กคืออะไรและใช้งานอย่างไร
แท็กคืออะไรและใช้งานอย่างไร

วีดีโอ: แท็กคืออะไรและใช้งานอย่างไร

วีดีโอ: แท็กคืออะไรและใช้งานอย่างไร
วีดีโอ: แฮชแท็กคืออะไร การใช้ให้ถูกก็เป็นประโยชน์ ใช้มั่วก็ไม่เกิดประโยชน์ใดใด 2024, อาจ
Anonim

อินเทอร์เน็ตใช้ html ซึ่งเป็นภาษามาร์กอัปไฮเปอร์เท็กซ์ โดย "ไฮเปอร์เท็กซ์" หมายถึงข้อความที่มีลิงก์ เป็นความสามารถง่ายๆ ในการเปลี่ยนจากหน้าหนึ่งไปอีกหน้าหนึ่ง จากไซต์หนึ่งไปอีกหน้าหนึ่ง ซึ่งเปลี่ยนเทคโนโลยีคอมพิวเตอร์ ความเรียบง่ายของ html ทำได้โดยเครื่องมือสำหรับนักพัฒนา - แท็กที่สะดวก

แท็กคืออะไรและใช้งานอย่างไร
แท็กคืออะไรและใช้งานอย่างไร

แท็กใน html

แท็กใน html เป็นวิธีการจัดรูปแบบความหมาย (ความหมาย) การนำเสนอและการสื่อสารข้อมูล แท็กใด ๆ จะต้องอยู่ระหว่างอักขระ:. แท็ก html ทั้งหมดเข้าใจโดยเบราว์เซอร์ส่วนใหญ่ที่มีอยู่ องค์กรระหว่างประเทศ W3C มีหน้าที่รับผิดชอบในการสร้างมาตรฐานและการสร้างแท็กใหม่ - คุณสามารถเรียนรู้เกี่ยวกับแท็ก html ที่มีอยู่ทั้งหมดได้ที่นั่น แท็กสามารถใช้ได้เฉพาะในแท็ก "หลัก" ของเอกสาร html - HTML แท็ก HEAD และ BODY แยกหน้าเว็บออกเป็นสองส่วนทางตรรกะ ใน HEAD คุณสามารถกำหนดชื่อหน้าได้ (แสดงบนแท็บเบราว์เซอร์) ในขณะที่ BODY "รับผิดชอบ" สำหรับเนื้อหาเชิงความหมายทั้งหมดของหน้า

แท็กเดี่ยวและคู่

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

แท็กที่จับคู่ใช้เพื่อจัดระเบียบเนื้อหา ข้อมูลข้อความ ที่อยู่ไฟล์ ลิงก์จะอยู่ระหว่างแท็ก P (ย่อหน้าของข้อความ) IMG (รูปภาพ) A (ไฮเปอร์ลิงก์)

แอตทริบิวต์แท็ก

แท็กบางแท็กมีคุณสมบัติพิเศษที่ส่งผลต่อ "พฤติกรรม" ขององค์ประกอบ แท็กบางแท็กในข้อกำหนด html5 สมัยใหม่ทำให้สามารถแจกจ่ายโปรแกรมที่จำเป็นก่อนหน้านี้สำหรับงานทั่วไปได้

ตัวอย่างเช่น แท็ก FORM (ช่องป้อนข้อมูล) มีแอตทริบิวต์ PLACEHOLDER ที่แทนที่ช่องข้อความด้วย "ข้อมูลทดสอบ" ด้วยข้อความแจ้ง หากนักพัฒนาเว็บต้องการให้ฟิลด์สำหรับป้อนชื่อไม่ว่างเปล่า แต่จะแสดงชื่อตัวอย่าง เขาสามารถตั้งค่าแอตทริบิวต์ PLACEHOLDER เป็น "Ivanov Ivan" จากนั้น "Ivanov Ivan" จะปรากฏในช่องข้อความสำหรับป้อนชื่อ - จนกว่าผู้ใช้จะเลื่อนเคอร์เซอร์ไปที่ฟิลด์นี้ จารึกจะหายไปและเขาจะสามารถป้อนชื่อของเขาได้

การเชื่อมโยงกับ CSS

เทคโนโลยีที่ค่อนข้างใหม่ (เมื่อเทียบกับ html) สำหรับการนำเสนอไซต์บนอินเทอร์เน็ตคือ CSS CSS ย่อจะซ่อนสไตล์ชีตแบบเรียงซ้อน ก่อนที่พวกเขาจะปรากฏตัว เว็บมาสเตอร์เคยแบ่งไซต์ออกเป็นโครงสร้างตารางที่ชัดเจนตามหลักเหตุผล (แท็กตาราง) ตอนนี้ผู้สร้างไซต์มีโอกาสที่จะวางทุกอย่างที่เกี่ยวข้องกับการนำเสนอของไซต์ (รวมถึงตำแหน่งของบล็อก) ในไฟล์ css รูปแบบพิเศษ ในการเชื่อมต่อสไตล์ชีตกับเอกสาร html คุณต้องระบุที่อยู่ของไฟล์ css บนเซิร์ฟเวอร์ในแท็กคู่ LINK