Google

มารู้จัก Tag หลักๆ ของ Html กัน

Written on:November 5, 2014
Comments are closed

ในโครงสร้างเอกสร้าง html นั้นจะประกอบไปด้วย Tag ต่างๆมากมาย เรามาทำความรู้จักกับ Tag แต่ละอันกันครับ

<html> </html>  =  อันนี้เป็นแท็กที่ต้องมีในทุกๆเอกสารที่เป็น Html นะครับ เป็นแท็กที่เราใช้เขียนเวลาเราจะเริ่มใช้คำสั่ง HTML โดยเขียนครอบ tag อื่นๆครับ

ตัวอย่างเช่น <html> <head> </head> </html>

ซึ่ง Tag ดังกล่าว ในยุคของ HTML ปัจจุบัน ( HTML 5 ) เราสามารถระบุภาษาของเว็บไซต์ที่เป็นภาษาหลักลงไปง่ายๆใน Tag นี้เลยครับ โดยใช้ Attibute lang เช่น

<html lang=”th”> </html> ตรงนี้เพื่อผลดีต่อ Search Engine ครับ

ต่อมาเป็น Tag Head ครับ  สำหรับ Tag Head จะเป็น Tag หรือ Element ที่เก็บข้อมูลเกี่ยวกับ Meta ต่างๆ รวมถึง Javascript และ Stylesheet ของเครื่องเราไว้ แต่ในปัจจุบัน Javascirpt โปรแกรมเมอร์จะนิยมเอาไว้ที่ Tag Footer ครับ เนื่องจากเป็นส่วนล่างสุดของเว็บไซต์ ทำให้เวลาเรารัน Javascript ที่ไฟล์ใหญ่ๆ จะส่งผลต่อการโหลดของเว็บน้อยครับ คือ ประมานว่า มันจะโหลดจากบนลงล่าง เว็บข้อมู,ต่างๆจะโชว์ก่อนอะครับ ผู้เข้าเว็บไซต์จะได้ไม่ต้องรอนาน อะไรประมานนี้

มารู้จักกับ Tag  ที่อยู่ใน Head กัน

<title> </title> =  จะใช้สำหรับกำหนดส่วน Titlebar ของเว็บไซต์
<meta charset =”utf-8″>  =  กำหนดการ Encode ของข้อมูลสำหรับ ส่วนใหญ่นิยมใช้ Utf-8 ครับ หากเราไม่กำหนด เว็บเราจะเป็นภาษาต่างดาว
<meta name=”keyword” content=”Bra Bra Bra”> =  ใช้สำหรับกำหนดคีย์เวริดให้กับเว็บไซต์ครับ สำหรับการทำ SEO
<meta name=”description” content=”Bra Bra Bra”> =  ใช้สำหรับกำหนดรายละเอียดให้กับเว็บไซต์ครับ สำหรับการทำ SEO
<link rel=”stylesheet” href=”ตำแหน่งของไฟล์”>  = ตัวนี้จะใช้สำหรับชี้ไฟล์ CSS หรือไฟล์ที่ใช้ในการจัดหน้าตาให้กับเว็บไซต์ของเรานั่นเองครับ ( ไว้เดี๋ยวผมจะอธิบายเรื่อง CSS นะครับ )

<script src=”ตำแหน่งของไฟล์”></script> = ตรงนี้จะเป็นส่วนของการนำเข้าไฟล์ Javascript ครับ อย่างที่ผมบอก บางท่านจะนิยมเอาไว้ที่ Footer ครับ ซึ่งหนังสือส่วนใหญ่ก็จะแนะนำแบบนั้น

สำหรับในส่วน หัว ก็จบกันไปนะครับ ไว้เดี๋ยวเรามาต่อส่วนของ เนื้อหากัน

Keyword  : มารู้จัก Tag หลักๆ ของ Html กัน | Tag Html 5 | Html 5 tag เบื้องต้น

Sorry, the comment form is closed at this time.