html

Page 3

3

2. ส่วนหัวเรื่ อง (head) เป็ นส่วนที่แสดงผลข้อความบนไตเติ้ลบาร์ของบราวเซอร์ และอาจมีคาสัง่ สาหรับ กาหนดรายละเอียดด้านเทคนิคอื่นๆ อีก แทรกอยูร่ ะหว่างคาสัง่ <head> และ </head> 3. ส่วนเนื้อหา (body) เป็ นส่วนที่มีความซับซ้อนมากที่สุด และสามารถใส่เทคนิคลูกเล่นเพื่อดึงดูดความสนใจ จากผูช้ มได้มาก ความแตกต่างระหว่างเว็บไซต์ต่างๆ แสดงความมีฝีมือของผูจ้ ดั ทา ศิลปะในการออกแบบ จะอยูใ่ นส่วนนี้ท้งั หมด ซึ่งจะแทรกอยูร่ ะหว่างคาสัง่ <body> และ </body> HEAD : รายละเอียดคาสั่งในส่ วนหัว คาสัง่ ที่อยูใ่ นส่วนหัวนี้จะอยูร่ ะหว่างคาสัง่ <head> ... </head> เราสามารถมองเห็นผ่านบราวเซอร์ได้ เฉพาะข้อความบนไตเติ้ลบาร์ คาสัง่ อื่นๆ นั้นจะทางานในส่วนเบื้องหลัง แต่ก็มีส่วนสาคัญเป็ นอย่างยิง่ ที่ไม่ควร ละเลย ประกอบด้วยคาสัง่ ต่างๆ ดังนี้ 1. หัวเรื่องบนไตเติล้ บาร์ เป็ นส่วนสาคัญที่จะบอกรายละเอียดของหน้าเว็บเพจนั้นๆ อยูภ่ ายในคาสัง่ <title> ... </title> จะต้องกาหนดเสมอและควรใช้ภาษาอังกฤษนา สามารถใช้ภาษาไทยเป็ นคาตามได้ แต่ตอ้ งไม่ยาวเกิน 64 ตัวอักษร เช่น Make a home with HTML : สร้างเว็บสวยด้วยภาษา HTML (การนับตัวอักษรในคาภาษาไทย ต้องนับสระบน/ล่าง/วรรณยุกต์ดว้ ย) ชื่อเรี ยกเว็บไซต์ที่ปรากฏบนไตเติ้ลบาร์ นอกจากจะนามาใช้แสดงชื่อเรื่ องของเว็บไซต์น้ นั ๆ แล้ว ยังเป็ น ข้อความที่จะถูกนามาใช้เป็ นคาสาคัญ (Keyword) ในการสืบค้นข้อมูลจาก Search Engine เสมอ 2. การระบุอกั ขระภาษา เป็ นส่วนสาคัญและจาเป็ นสาหรับเว็บเพจภาษาไทย ทาให้ผชู้ มสามารถอ่านข้อความบน เว็บเพจเป็ นภาษาไทยได้ทนั ที โดยเฉพาะการสร้างเว็บจากเครื่ องมือสาเร็ จรู ปหลายๆ โปรแกรมที่มกั จะทาการ กาหนดให้เว็บเป็ นภาษาของผูพ้ ฒั นาโปรแกรม (อาจเป็ นภาษาในยุโรป/อเมริ กา/หรื อภาษาอื่นๆ) ทาให้ผชู้ มไม่ สามารถอ่านภาษาไทยได้ ดังนั้นผูส้ ร้างเว็บจะต้องทาการกาหนดค่าการถอดรหัสภาษาไทยไว้เลยในทุกๆ ไฟล์ โดยใช้คาสัง่ Meta ระบุไว้ที่ส่วน Head เช่นเดียวกันกับไตเติ้ล ดังนี้ <meta http-equiv="Content-Type" content="text/html; charset=TIS-620"> หรื อ <meta http-equiv="Content-Type" content="text/html; charset=Windows-874"> ให้เลือกใช้อย่างใดอย่างหนึ่ง เว็บเพจที่สร้างขึ้นก็จะสามารถแสดงผลภาษาไทยได้อย่างถูกต้อง 3. ประกาศให้ โลกรู้ ถึงแม้ว่าระบบการค้นหาของ Search Engine จะนาชื่อเรื่ องของเว็บไซต์ไปเป็ นคาหลักโดย อัตโนมัติแล้วก็ยงั ไม่เพียงพอ เพราะด้วยข้อจากัดของจานวนตัวอักษรและคาที่ใส่ลงไป ดังนั้นจึงต้องมีการ กาหนดคาหลักให้กบั หน้าเว็บเพจนั้นๆ โดยใช้คาสัง่ ที่มีรูปแบบเฉพาะไว้ในส่วน Head ถัดจาก Title เรี ยกว่าการ ใช้คาสัง่ Meta (ซึ่งจะไม่แสดงผลในหน้าต่างบราวเซอร์ ) ดังนี้


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.