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

 



กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการทำ Categories ให้สามารถใช้ได้ทั้ง 2 ภาษา ใน Joomla
โดย Auttasti พฤ 08 ส.ค. 2019 12:35 pm บอร์ด Joomla user Guide Knowledge
0
39
พฤ 08 ส.ค. 2019 12:35 pm โดย Auttasti
Microsoft หลุดเผลอปล่อย Win10 สำหรับทดลองภายใน เผย มีการทำ Start Menu ใหม่
โดย chatee supasand พฤ 08 ส.ค. 2019 11:42 am บอร์ด Microsoft Office Knowledge & line & Etc
0
34
พฤ 08 ส.ค. 2019 11:42 am โดย chatee supasand
วิธีการทำ เมนู 2 ภาษาให้แสดงบนเว็บด้วย Module
โดย Auttasti พฤ 08 ส.ค. 2019 10:59 am บอร์ด Joomla user Guide Knowledge
0
42
พฤ 08 ส.ค. 2019 10:59 am โดย Auttasti
งานประจำวันที่ 8 กรกฎาคม 2562
โดย jamepiyawat พฤ 08 ส.ค. 2019 10:19 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
1
8
พฤ 08 ส.ค. 2019 8:32 pm โดย jamepiyawat
งานประจำวันที่ 8 สิงหาคม 2562
โดย jirawoot พฤ 08 ส.ค. 2019 10:11 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
2
15
พฤ 08 ส.ค. 2019 8:29 pm โดย jirawoot
งานประจำวันที่ 8 สิงหาคม 2562
โดย chatee supasand พฤ 08 ส.ค. 2019 9:59 am บอร์ด MT33 - นายชาตรี สุภาแสน
3
17
พฤ 08 ส.ค. 2019 8:19 pm โดย chatee supasand
งานประจำว้นที่ 8 สิงหาคม 2562
โดย Auttasti พฤ 08 ส.ค. 2019 9:57 am บอร์ด MT34 - นายอัฐสิทธิ์ รอดถนอม
1
10
พฤ 08 ส.ค. 2019 7:26 pm โดย Auttasti
งานประจำวันที่ 08 สิงหาคม 2562
โดย EyePornnipa พฤ 08 ส.ค. 2019 9:55 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
2
43
พฤ 08 ส.ค. 2019 7:40 pm โดย EyePornnipa
ประโยน์ของหนังสือรับรองผลงาน การทำหนังสือรับรองผลงาน
โดย EyePornnipa อ 06 ส.ค. 2019 4:40 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
52
อ 06 ส.ค. 2019 4:40 pm โดย EyePornnipa
mdsoft_magic
โดย jirawoot พ 07 ส.ค. 2019 8:39 pm บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
5
29
ศ 09 ส.ค. 2019 3:53 pm โดย jirawoot
การจัดเก็บไฟล์งาน ใน Drive
โดย EyePornnipa พ 07 ส.ค. 2019 7:36 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
2
23
ศ 09 ส.ค. 2019 5:24 pm โดย EyePornnipa
google อัพเดต Android Auto ใช้ง่ายขึ้น เพิ่มฟีเจอร์
โดย jamepiyawat พ 07 ส.ค. 2019 7:04 pm บอร์ด Share Knowledge
0
58
พ 07 ส.ค. 2019 7:04 pm โดย jamepiyawat
วิธีการทำ Menu 2 ภาษาหรือปุ่มเปลี่ยนภาษาใน Joomla
โดย Auttasti พ 07 ส.ค. 2019 6:52 pm บอร์ด Joomla user Guide Knowledge
0
51
พ 07 ส.ค. 2019 6:52 pm โดย Auttasti
การใส่ THB ต่อท้ายจาก ราคาสินค้า โดยใช้ฟังก์ชัน formatpriceMZC ของ Mooziicart ใน Joomla
โดย Patipat พ 07 ส.ค. 2019 6:02 pm บอร์ด Joomla Developing Knowledge
0
42
พ 07 ส.ค. 2019 6:02 pm โดย Patipat
พื้นฐานและการเตรียมพร้อมมีกับการทำเว็บ 2 ภาษาใน Joomla
โดย Auttasti พ 07 ส.ค. 2019 5:04 pm บอร์ด Joomla user Guide Knowledge
0
45
พ 07 ส.ค. 2019 5:04 pm โดย Auttasti
การสร้าง Content เพื่อ เพิ่ม-แก้ไข ข้อมูลใน Article บนเว็บไซต์ joomla
โดย Patipat พ 07 ส.ค. 2019 5:00 pm บอร์ด Joomla Developing Knowledge
0
43
พ 07 ส.ค. 2019 5:00 pm โดย Patipat
สอบถามขั้นตอน และวิธีการคัดหนังสือรับรองบริษัทค่ะ มีช่องทาง และระยะเวลาในการดำเนินการยังไงค่ะ
โดย EyePornnipa พ 07 ส.ค. 2019 4:02 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
90
ส 10 ส.ค. 2019 10:34 am โดย Amp_Audit
ทำให้ ตรง Category แสดงหัวข้อหมวดหมู่อันเดียวอย่างไรครับ
โดย Patipat พ 07 ส.ค. 2019 4:00 pm บอร์ด Joomla Development
6
100
พ 07 ส.ค. 2019 4:58 pm โดย Patipat
สร้าง Category ในหน้า Article ยังไงครับ ? ที่มีให้แก้ไขข้อมูลของ Category ด้วย
โดย Patipat พ 07 ส.ค. 2019 3:16 pm บอร์ด Joomla Development
2
70
พ 07 ส.ค. 2019 3:30 pm โดย Patipat
ถ้าเราจะเขียนสูตรใน google sheet หาเปอร์เซ็นของการทำงาน ให้มัน Dynamic ตามจำนวนเเถว
โดย thatsawan พ 07 ส.ค. 2019 3:06 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
35
พ 07 ส.ค. 2019 3:06 pm โดย thatsawan