ให้เรตสมาชิก: 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>

 



กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
กติกาฟุตบอลใหม่ 2019
โดย jirawoot ศ 09 ส.ค. 2019 7:22 pm บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
0
11
ศ 09 ส.ค. 2019 7:22 pm โดย jirawoot
ฺB - กด Validate inv หน้าเมนู Customer Invoice ไม่ได้ค่ะ
โดย EyePornnipa ศ 09 ส.ค. 2019 7:04 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
1
22
ศ 09 ส.ค. 2019 7:12 pm โดย mindphp
google ออกฟีเจอร์ใหม่ Live Caption สามารถถอดเสียงออกมาเป็นข้อความได้ใน Android Q
โดย jamepiyawat ศ 09 ส.ค. 2019 6:47 pm บอร์ด Share Knowledge
0
59
ศ 09 ส.ค. 2019 6:47 pm โดย jamepiyawat
การใช้งาน กล่องข้อความในการเขียน E-mail ใน Gmail
โดย EyePornnipa ศ 09 ส.ค. 2019 6:01 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
17
ศ 09 ส.ค. 2019 6:01 pm โดย EyePornnipa
บทความ Test สถานทีี่ท่องเที่ยว (รอย้ายไปใน Thailand Hotel)
โดย Patipat ศ 09 ส.ค. 2019 5:47 pm บอร์ด M088 - ปฏิภัทร สารธรรม
2
22
พ 14 ส.ค. 2019 4:38 pm โดย Patipat
Q - ปุ่ม wish-list ไม่สามารถเชื่อมต่อได้ครับ
โดย jamepiyawat ศ 09 ส.ค. 2019 5:24 pm บอร์ด Joomla Dev
1
6
ศ 09 ส.ค. 2019 5:25 pm โดย tsukasaz
วิธีการทำเมนู dropdows แบบไม่มีพื้นหลัง
โดย jamepiyawat ศ 09 ส.ค. 2019 4:28 pm บอร์ด CSS Knowledge
0
47
ศ 09 ส.ค. 2019 4:28 pm โดย jamepiyawat
วิธีการ อนุมัติ Comment, Rating เมื่อมี User มา Comment สินค้า
โดย Patipat ศ 09 ส.ค. 2019 4:00 pm บอร์ด Joomla user Guide Knowledge
0
41
ศ 09 ส.ค. 2019 4:00 pm โดย Patipat
ช่วยแนะนำ UPS ให้หน่อยครับ ขอบคุณมากครับ /\
โดย อนุวัติ อะเวรา ศ 09 ส.ค. 2019 3:58 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
43
ศ 09 ส.ค. 2019 3:58 pm โดย อนุวัติ อะเวรา
วิธีการสร้างโมดูล library ในภาษา Python ให้สามารถติดตั้งได้ด้วย pip แบ่งปันโมดูลให้คนอื่นใช้
โดย jirawoot ศ 09 ส.ค. 2019 3:41 pm บอร์ด Programming - C/C++ & java & Python
0
87
ศ 09 ส.ค. 2019 3:41 pm โดย jirawoot
อยากทำปุ่มแบบไม่เห็นขอบใช้คำสั่ง css ยังไงครับ
โดย jamepiyawat ศ 09 ส.ค. 2019 3:41 pm บอร์ด HTML CSS
2
50
ศ 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
67
ศ 09 ส.ค. 2019 2:19 pm โดย chatee supasand
บริษัท NEC ญี่ปุ่น โชว์รถยนต์บินได้ ทดสอบบิน สูงกว่า 3 เมตร!!!
โดย chatee supasand ศ 09 ส.ค. 2019 2:15 pm บอร์ด MindPHP News
0
39
ศ 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
81
ศ 09 ส.ค. 2019 1:56 pm โดย Ittichai_chupol
สืบสานงานศิลป์ถิ่นภูมิปัญญา เครื่องเงินล้ำค่าตระการตาผ้าทอน่าน
โดย ยู. จีน ศ 09 ส.ค. 2019 11:55 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
54
ส 17 ส.ค. 2019 11:11 am โดย Tanadet
Samsung ร่วมจับมือกับ Microsoft ขยายความร่วมมือ ก่อนเปิดตัว Galaxy Note 10
โดย chatee supasand ศ 09 ส.ค. 2019 11:16 am บอร์ด Microsoft Office Knowledge & line & Etc
0
37
ศ 09 ส.ค. 2019 11:16 am โดย chatee supasand
อัพเดต odoojob
โดย jamepiyawat ศ 09 ส.ค. 2019 10:22 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
7
43
อ 20 ส.ค. 2019 6:08 pm โดย jamepiyawat
งานประจำวันที่ 9 สิงหาคม 2562
โดย chatee supasand ศ 09 ส.ค. 2019 9:39 am บอร์ด MT33 - นายชาตรี สุภาแสน
1
11
ศ 09 ส.ค. 2019 7:06 pm โดย chatee supasand