พื้นฐาน HTML ตอน tag Head

html-tag-head

หัวข้อนี้ เกี่ยวเนื่องกับการโปรโมทเว็บ

ไม่ว่าคุณจะเขียนเว็บด้วยภาษาใดๆ คุณก็ควรทำความรู้จักภาษา HTML เพราะภาษา HTML เป็นภาษาพื้นฐาน เป็นมาตราฐานสากลของการเขียนเว็บ และยิ่งปัจจุบัน HTML มีการพัฒนามาถึงเวอร์ชั่น 5 แล้ว ซึ่งกำลังเป็นที่นิยมในการพัฒนาเว็บอย่างมาก เพราะมีอะไรหลายๆ อย่างที่ทำให้เว็บมีความแตกต่างจากเมื่อก่อนมากๆ มาถึงตอนนี้ เรากลับมาศึกษาพื้นฐานกันต่อดีกว่า นั่นก็คือเรื่องของ แท็ก (tag)

Tag Head แท็กสำคัญที่ควรเข้่าใจอย่างมากๆ หนึ่งในแท็กของภาษา HTML เป็นแท็กสำคัญในการบ่งบอกว่าเว็บเพจของเรา หน้านี้คืออะไร และเป็นช่วยในการส่งเสริมการทำโปรโมทเว็บในรูปแบบของ SEO อีกด้วย โดยเฉพาะ แท็ก title, keyword และ descriptions

ประโยชน์ของแท็ก Head

  • สำหรับอธิบายว่าเว็บเพจหน้านี้คืออะไร
  • ใช้สำหรับการแบ่งหน้าเว็บ
  • ใ้ช้สำหรับบอก search engine ว่าเว็บหน้านี้คืออะไร

พื้นฐานของ HTML กับแท็ก <head>

<html>
<head>
<title>เพจนี้คืออะไร </title>
</head>
<body>
เนื้อหาบริเวณนี้ จะแสดงบนหน้าเว็บบราวเซอร์ ซึ่งใครๆ ก็เห็น
</body>
</html>

ในส่วนของแท็ก Head จะครอบคลุมแท็ก <title> ซึ่งจะแสดงที่ด้านบนของเว็บบราวเซอร์ จริงๆ แล้ว ภายในแท็ก Head ยังมีคำสั่งต่างๆ อื่นๆ ที่น่าสนใจ

  • <META http-equiv=Content-Type content=”text/html; charset=windows-874″>
    สำหรับบอกว่า เว็บไซต์ในรหัสภาษาไทย Windows-874 ถ้าเป็น HTML5 จะใช้ UTF-8
  • <META NAME=”keywords” CONTENT=”สอนเว็บ, สร้างเว็บ, สอน HTML”>
    ใช้บอก search engines ว่าหน้าเว็บเพจของเรานั้น ใช้คำค้นหาหรือ keyword อะไร
  • <META NAME=”description” CONTENT=”สอนทำเว็บ”>
    สำหรับอธิบายเว็บเพจของเราว่า หน้านี้ คืออะไร
  • <META NAME=”generator” CONTENT=”WordPress”>
    บอกว่า เว็บของเราใช้อะไรในการพัฒนา
  • <META NAME=”author” CONTENT=”ผมเองครับ”>
    ใช้สำหรัับบอกคำ search engines ว่าใครเป็นเขียนเว็บเพจนี้
  • <META NAME=”copyright” CONTENT=”Copyright 2013 Tham Web is Easy”>
    ใช้สำหรับบอก search engines ว่าเว็บนี้ลิขสิทธิ์เป็นของใคร

แท็กต่างๆ ข้างต้น ก็อยู่ภายในแท็ก <head> เช่นเดียวกันกับแท็ก <title> แต่อาาจไม่จำเป็นต้องเขียนทุกๆ แท็กก็ได้ นอกจากนี้ อีกหนึ่งแท็ก สำคัญที่สามารถแทรกในแท็ก <head> ได้ นั่นคือ แท็ก JavaScirpts

ตัวอย่างแท็ก JavaScripts ที่ใช้ร่วมกับแท็ก <head>

  • <SCRIPT LANGUAGE=”javascript”>
    คำสั่งจาวาสคริปทั้งหลาย
    </SCRIPT>

หวังว่าเพือนๆ คงพอเข้าใจแล้วน่ะครับว่า แท็ก <head> ใช้อย่างไร และสำคัญขนาดไหน สรุปอีกครั้งน่ะครับว่า คำสั่งต่างๆ ภายใต้แท็ก <head> จะไม่ปรากฏให้คนเยี่ยมชมเว็บไซต์ของเราได้เห็น ยกเว้น <title> เท่านั้น

Avatar
About Mr. ONE - Admin 1540 Articles
ทำงานด้านไอทีโดยเฉพาะ ชอบเทคโนโลยีเป็นชีวิตจิตใจ ชอบขีดๆ เขียนๆ โดยเฉพาะเขียนข้อมูลเกี่ยวกับการใช้คอมพิวเตอร์ โปรแกรม มีประสบการณ์การเขียนหนังสือคอมพิวเตอร์ เขียนแบบเรียนระบบสารสนเทศทางด้านโรงแรม