ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที 9 HTML Element
HTML Element คือ ส่วนประกอบต่าง ในเอกสาร HTML 
1.การใส่ข้อความใน Title bar ทำได้โดยใช้ tag  <title> .......... </title> ตัวอย่าง เช่น

<html>
<head>
<title>หัวข้อบทความ</title>
</head>

<body>
เนื้อหาของบทความ......
</body>
</html> 

ผลลัพธ์คือ

2. meta Tag
        Meta tags เป็นข้อความที่เราประกาศเอาไว้ใน Code จะไม่แสดงผลในเว็บเพจ แต่จะเป็นส่วนสำคัญ ในการจัดอันดับบัญชีเว็บ โดยเป็นเนื้อหาที่เกี่ยวกับเว็บไซต์ , Keywords ที่ใช้ที่เกี่ยวข้อกับเว็บไซต์ Search Engine จะทำการเก็บรายละเอียดพวกนี้ไว้อ้างอิงเว็บไซต์เรา โดย tag <meta> จะอยู่ภายใน tag <head> เสมอ
   ถ้าเราไม่เขียนก็ได้ แต่ Search Engine จะทำการหาข้อความ หรือเนื้อหาที่ปรากฏอยู่ในเว็บไซต์ไปแทน ซึ่งอาจไม่ใช่ใจความสำคัญ หรือส่วนสำคัญของเว็บไซต์ของเราก็ได้ จะเป็นการดีมากถ้าเราสละเวลาเล็กน้อยเพื่อเขียนรายละเอียดส่วนนี้  ตัวอย่าง เช่น

2.1 Meta tags ที่ใช้กำหนดชนิดตัวอักษร

<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=UTF-8">

meta tags นี้จะบอกชุดตัวอักษรที่ใช้กับภาษาไทย ให้ Browser ใช้ชุดตัวอักษร UTF-8 สำหรับเปิดเว็บเพจของเรา

 

2.2 Meta tags ที่จำเป็นสำหรับ Search Engine

<META NAME="keywords" CONTENT="ออกแบบเว็บไซต์, เว็บดีไซต์ ">

บอกคำที่เกี่ยวข้องกับเว็บเพจหน้านี้ เป็นคำที่ใช้ในการค้นหาหน้านี้ คั่นด้วยสัญลักษณ์ (,)

<META NAME="description" CONTENT="รับออกแบบเว็บไซต์ คุณภาพดี ในราคาที่คุณกำหนดได้ ">

บอกรายละเอียดของเว็บเพจแบบคร่าวๆ

 

2.3 Meta tags สำหรับบอกชื่อผู้เขียนหน้านี้ และลิขสิทธิ์

<META NAME="author" CONTENT="ClickmeDesign Team ">

ผู้เขียนหน้านี้

<META NAME="copyright" CONTENT = "ClickmeDesign Co., Ltd. ">

ผู้เป็นเจ้าของลิขสิทธิ์

 

2.4 Meta tags สำหรับบอกเครื่องมือที่ใช้สร้างเว็บเพจนี้

<META NAME="generator" CONTENT="Dreamweaver">

ใส่โปรแกรมที่ใช้ในการสร้างเว็บเพจหน้านี้้

2.5 Meta tags สำหรับสั่งให้ refresh หน้าเว็บเพจที่แสดงผลอยู่อัตโนมัติ

<META http-equiv="refresh" CONTENT="5; url=index.html">

- เลข 5 คือ จำนวนวินาทีที่ต้องการให้ refresh เช่นใส่เลข 5 คือให้ refresh ทุก 5 วินาที
- index.html คือ หน้าที่แสดงผลอยู่ (หน้าที่ต้องการให้ refresh)

3. base Tag
tag <base> เป็น tag ที่ไว้สำหรับกำหนดที่อยู่ (Url) และ เป้าหมาย (target) เริ่มต้นสำหรับทั้งหน้าเอกสาร html สำหรับทุกๆ การเชื่อมโยง tag <base> จะอยู่ภายใน tag <head>

<html>
<head>
<base href="http://www.mindphp.com">
</head>

<body>
<a href="http://www.mindphp.com">คลังความรู้</a>
</body>
</html>

 



กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากทำปุ่มแบบไม่เห็นขอบใช้คำสั่ง css ยังไงครับ
โดย jamepiyawat ศ 09 ส.ค. 2019 3:41 pm บอร์ด HTML CSS
2
51
ศ 09 ส.ค. 2019 4:02 pm โดย jamepiyawat
Index - Update Thailand Hotel
โดย Patipat ศ 09 ส.ค. 2019 3:35 pm บอร์ด M088 - ปฏิภัทร สารธรรม
1
14
อ 13 ส.ค. 2019 4:17 pm โดย thatsawan
Nissan ได้พัฒนาหุ่นยนต์ กำจัดวัชพืช ออกจากนาข้าวในประเทศ ญี่ปุ่น
โดย chatee supasand ศ 09 ส.ค. 2019 2:19 pm บอร์ด MindPHP News
0
68
ศ 09 ส.ค. 2019 2:19 pm โดย chatee supasand
บริษัท NEC ญี่ปุ่น โชว์รถยนต์บินได้ ทดสอบบิน สูงกว่า 3 เมตร!!!
โดย chatee supasand ศ 09 ส.ค. 2019 2:15 pm บอร์ด MindPHP News
0
41
ศ 09 ส.ค. 2019 2:15 pm โดย chatee supasand
บริษัท NEC ญี่ปุ่น โชว์รถยนต์บินได้ ทดสอบบิน สูงกว่า 3 เมตร!!!
โดย chatee supasand ศ 09 ส.ค. 2019 12:27 pm บอร์ด MT33 - นายชาตรี สุภาแสน
2
9
ศ 09 ส.ค. 2019 2:13 pm โดย chatee supasand
อยากทราบวิธีการปัญหาUndefined offset: 101 Undefined offset: 102 ใน phpbb
โดย Ittichai_chupol ศ 09 ส.ค. 2019 11:59 am บอร์ด Programming - PHP
2
84
ศ 09 ส.ค. 2019 1:56 pm โดย Ittichai_chupol
สืบสานงานศิลป์ถิ่นภูมิปัญญา เครื่องเงินล้ำค่าตระการตาผ้าทอน่าน
โดย ยู. จีน ศ 09 ส.ค. 2019 11:55 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
55
ส 17 ส.ค. 2019 11:11 am โดย Tanadet
Samsung ร่วมจับมือกับ Microsoft ขยายความร่วมมือ ก่อนเปิดตัว Galaxy Note 10
โดย chatee supasand ศ 09 ส.ค. 2019 11:16 am บอร์ด Microsoft Office Knowledge & line & Etc
0
40
ศ 09 ส.ค. 2019 11:16 am โดย chatee supasand
อัพเดต odoojob
โดย jamepiyawat ศ 09 ส.ค. 2019 10:22 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
8
47
พ 21 ส.ค. 2019 6:44 pm โดย jamepiyawat
งานประจำวันที่ 9 สิงหาคม 2562
โดย chatee supasand ศ 09 ส.ค. 2019 9:39 am บอร์ด MT33 - นายชาตรี สุภาแสน
1
12
ศ 09 ส.ค. 2019 7:06 pm โดย chatee supasand
สามารถคัดแบบ บอจ.3 และ บอจ.4 ทางอินเตอร์เน็ตได้ไหมค่ะ
โดย EyePornnipa ศ 09 ส.ค. 2019 9:28 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
4
138
ส 17 ส.ค. 2019 11:00 am โดย Amp_Audit
งานประจำวันที่ 09 สิงหาคม 2562
โดย EyePornnipa ศ 09 ส.ค. 2019 9:19 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
2
32
ศ 09 ส.ค. 2019 7:17 pm โดย EyePornnipa
งานประจำวันที่ 9 สิงหาคม 2562
โดย jirawoot ศ 09 ส.ค. 2019 9:17 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
1
10
ศ 09 ส.ค. 2019 7:25 pm โดย jirawoot
งานประจำวันที่ 9 กรกฏาคม 2562
โดย jamepiyawat ศ 09 ส.ค. 2019 9:16 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
3
20
ศ 09 ส.ค. 2019 7:41 pm โดย jamepiyawat
งานประจำวันที่ 9 สิงหาคม 2562
โดย Patipat ศ 09 ส.ค. 2019 9:13 am บอร์ด M088 - ปฏิภัทร สารธรรม
1
15
ศ 09 ส.ค. 2019 7:25 pm โดย Patipat
งานประจำวันที่ 9 สิงหาคม 2562
โดย Auttasti ศ 09 ส.ค. 2019 9:09 am บอร์ด MT34 - นายอัฐสิทธิ์ รอดถนอม
1
9
ศ 09 ส.ค. 2019 6:19 pm โดย Auttasti
เมื่อพูดถึงโปรแกรมเมอร์ มีประสบการณ์และไม่มีประสบการณ์
โดย chatee supasand พฤ 08 ส.ค. 2019 7:27 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
87
พฤ 08 ส.ค. 2019 7:27 pm โดย chatee supasand
แอป Google Fit เพิ่ม Dark Theme และเก็บข้อมูลการนอน
โดย jamepiyawat พฤ 08 ส.ค. 2019 7:08 pm บอร์ด Share Knowledge
0
40
พฤ 08 ส.ค. 2019 7:08 pm โดย jamepiyawat
TEST บทความ siamsporttalk เรื่อง กีฬา กาบัดดี้ คืออะไร
โดย jirawoot พฤ 08 ส.ค. 2019 6:58 pm บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
0
6
พฤ 08 ส.ค. 2019 6:58 pm โดย jirawoot
รหัสไปรษณีย์ใน กรุงเทพมหานคร
โดย jamepiyawat พฤ 08 ส.ค. 2019 6:40 pm บอร์ด M084 - นายปิยวัช เชาว์วิมล
0
4
พฤ 08 ส.ค. 2019 6:40 pm โดย jamepiyawat