แท็ก ใช้เพื่อกำหนดข้อมูลเมตาภายในเอกสาร HTML เช่น ข้อมูล คำหลัก ผู้แต่ง ฯลฯ ด้วย HTML5 คุณสามารถตั้งค่าวิวพอร์ตด้วยแท็ก
ต่อไปนี้คือวิธีต่างๆ ในการเพิ่มข้อมูลเมตาและใช้แท็ก −
ผู้เขียน
ใช้ข้อมูลต่อไปนี้เพื่อเพิ่มผู้เขียนหน้าเว็บ
<meta name="author" content="Amit">
คำอธิบาย
ใช้สิ่งต่อไปนี้เพื่อกำหนดคำอธิบายของหน้าเว็บ
<meta name="description" content="Learn from Text and Video Tutorials">
คำหลัก
ใช้สิ่งต่อไปนี้เพื่อเพิ่มคำหลักในหน้าเว็บ
<meta name="keyword" content="Java, WordPress, Drupal, Android, iOS">
การตั้งค่าวิวพอร์ต
วิวพอร์ตใช้เพื่อควบคุมเลย์เอาต์บนเบราว์เซอร์มือถือ ใช้ภายในแท็ก เพื่อให้คำแนะนำเบราว์เซอร์เกี่ยวกับวิธีการทำงานเพื่อควบคุมขนาดและการปรับขนาดของหน้าเว็บ
<meta name="viewport" content="width=device-width, initial-scale=1.0">
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้เกี่ยวกับแท็ก
<!DOCTYPE html> <html> <head> <meta name="description" content="Learn from Text and Video Tutorials"> <meta name="keywords" content="Java, WordPress, Drupal, Android, iOS"> <meta name="author" content="Amit"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <p>This is is demo text. The head tag consists of all the meta information.</p> </body> </html>