องค์ประกอบหัวข้อ HTML

ตัวอย่างเพิ่มเติม

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

要素 HTML <head>

要素<head> คือ จัดเก็บทุกองค์ประกอบหัวข้อของเว็บไซต์。<head> จะมีองค์ประกอบที่สามารถใส่สคริปต์ได้ ชี้ให้เครื่องนำเข้าเว็บไซต์หาสไตล์เชิงรูปแบบ ให้ข้อมูลที่เกี่ยวกับเว็บไซต์ และอื่นๆ

แบตทิกทั้งหมดนี้สามารถเพิ่มเข้าสู่ส่วน head ได้: <title>、<base>、<link>、<meta>、<script> และ <style>。

element <title> ของ HTML

แบตทิก <title> กำหนดหัวเว็บของเอกสาร。

element title จำเป็นต้องมีในเอกสาร HTML/XHTML ทุกตัว。

element title สามารถ:

  • กำหนดข้อความหัวเว็บในแถวเครื่องมือเบราซเซอร์
  • ข้อความหัวเว็บที่แสดงเมื่อเพิ่มหน้าเว็บเข้าชั้นชาติ
  • ข้อความหัวเว็บที่แสดงในผลลัพธ์การค้นหาของเครื่องค้นหา

เอกสาร HTML ที่ระบุ

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
เนื้อหาของเอกสาร......
</body>
</html>

element <base> ของ HTML

แบตทิก <base> กำหนดที่อยู่ปกติหรือเป้าหมายปกติ (target) สำหรับลิงก์บนหน้าเว็บ:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

element <link> ของ HTML

แบตทิก <link> กำหนดความสัมพันธ์ระหว่างเอกสารและทรัพยากรภายนอก。

แบตทิก <link> ถูกใช้บ่อยที่สุดเพื่อเชื่อมโยงไฟล์สไตล์:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

element <style> ของ HTML

แบตทิก <style> ใช้เพื่อกำหนดข้อมูลสไตล์สำหรับเอกสาร HTML。

คุณสามารถกำหนดรูปแบบสไตล์สำหรับ element HTML ใน element style ได้:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

element <meta> ของ HTML

metadata (metadata) คือข้อมูลเกี่ยวกับข้อมูล。

แบตทิก <meta> ให้ข้อมูล metadata ถึงเอกสาร HTML ไม่มีการแสดงข้อมูล metadata บนหน้าเว็บ แต่สำหรับเครื่องยนต์ก็สามารถอ่านได้。

สถานการณ์ที่พบบ่อยคือ element meta ถูกใช้เพื่อกำหนดคำอธิบายหน้าเว็บ、คำถามหลัก、ผู้เขียนเอกสาร、เวลาที่แก้ไขครั้งสุดท้าย และ metadata อื่น ๆ。

<meta> แบตทิกจะตั้งอยู่ใน element head ตลอดเวลา。

metadata สามารถใช้สำหรับเบราซเซอร์ (วิธีแสดงเนื้อหาหรือโหลดหน้าเว็บอีกครั้ง), โครงการค้นหา (คำถามหลัก), หรือ บริการ web อื่น ๆ。

คำที่ใช้สำหรับค้นหาความจำ

บางเครื่องค้นหาความจำจะใช้ attribute name และ content ของ element meta ในการดัชนีหน้าของคุณ

element meta ต่อไปนี้กำหนดคำอธิบายของหน้า

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

element meta ต่อไปนี้กำหนดคำที่ใช้ในการหาคำความของหน้า

<meta name="keywords" content="HTML, CSS, XML" />

บทบาทของอัตรายะที่ name และ content คือการอธิบายเนื้อหาของหน้า

HTML <script> element

แท็ก <script> ใช้เพื่อกำหนดสคริปต์ทางลูกค้า อย่างเช่น JavaScript

เราจะเล่าถึง element script ในบทบาทหลัง

องค์ประกอบหัวข้อ HTML

แท็ก รายละเอียด
<head> กำหนดข้อมูลเกี่ยวกับเอกสาร
<title> กำหนดชื่อเอกสาร
<base> กำหนดที่อยู่หรือเป้าหมายปกติของลิงก์ทั้งหมดในหน้า
<link> กำหนดความสัมพันธ์ของเอกสารกับทรัพยากรภายนอก
<meta> กำหนดเมตาข้อมูลของ HTML โดยเฉพาะ
<script> กำหนดสคริปต์ทางลูกค้า
<style> กำหนดข้อมูลสไตล์ของเอกสาร