โครงสร้างของเอกสาร HTML
เอกสาร HTML เริ่มต้นด้วย <html> สิ้นสุดด้วย </html>
ซึ่งองค์ประกอบต่าง ๆ ภายในเอกสารจะต้องวางไว้ระหว่าง 2 Tag นี้ แบบนี้
องค์ประกอบในเอกสารจะประกอบไปด้วย 2 ส่วนหลักๆ คือ
- Head ส่วนหัวของเอกสาร
- Body ส่วนเนื้อหาของเอกสาร
Head ส่วนนี้จะอยู่ในช่วงหัวของเอกสารตามชื่อเลยครับ
โดยส่วนนี้ก็จะเริ่มต้นด้วย Tag <head> สิ้นสุดด้วย </head>
ปรมาณนี้ครับ
เรามาดู Tag ที่น่าสนใจ tag <meta>
tag <meta> เป็น tag ที่ใช้ได้หลายลักษณะ ขึ้นอยู่กับว่าเราจะใช้ในลักษณะใด
เรามาดูอันที่แจ่มๆกัน
<meta http-equiv="refresh" content="..">
การกำหนด Attribute ในลักษณะนี้จะทำให้เกิดการรีเฟรชตามวินาทีที่เรากำหนด เช่น
<meta http-equiv="refresh" content="4">
เอกสารจะรีเฟรชด้วยตัวเองทุกๆ 4 วินาที
มาดูอีกอันอันนี้จำเป็นมากสำหรับเอกสาร HTML
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
นี่เป็นการกำหนด Attribute ของ Tag META ในลักษณะการกำหนดอักขระภาษาของเอกสาร HTML
โดยที่ charset=utf-8 เป็นมาตรฐานอักขระที่นิยมใช้ สามารถรองรับอักขระภาษาไทยได้ด้วย
ผมแนะนำให้ใช้ utf-8 ครับ ^^
ส่วนเนื้อหาของเอกสาร Body
ส่วน Body คือส่วนที่ใช้กำหนดเนื้อหรือรายละเอียดทั้งหมดของเอกสาร
โดย Tag Body เริ่มต้นด้วย <body> สิ้นสุดด้วย </body> แบบนี้ครับ
วันนี้พอแค่นี้ก่อนครับเอาไว้จะมาเขียนต่อ
วันหน้าครับง่วงแระ - -"
ซึ่งองค์ประกอบต่าง ๆ ภายในเอกสารจะต้องวางไว้ระหว่าง 2 Tag นี้ แบบนี้
<html>
.
.
.
.
</html>
องค์ประกอบในเอกสารจะประกอบไปด้วย 2 ส่วนหลักๆ คือ
- Head ส่วนหัวของเอกสาร
- Body ส่วนเนื้อหาของเอกสาร
Head ส่วนนี้จะอยู่ในช่วงหัวของเอกสารตามชื่อเลยครับ
โดยส่วนนี้ก็จะเริ่มต้นด้วย Tag <head> สิ้นสุดด้วย </head>
ปรมาณนี้ครับ
<html>
<head>
<title>ชื่อเอกสาร</title>
<meta...>
<style>
.
.
</style>
<link ...>
<script>
.
.
</script>
</head>
.
.
</html>
เรามาดู Tag ที่น่าสนใจ tag <meta>
tag <meta> เป็น tag ที่ใช้ได้หลายลักษณะ ขึ้นอยู่กับว่าเราจะใช้ในลักษณะใด
เรามาดูอันที่แจ่มๆกัน
<meta http-equiv="refresh" content="..">
การกำหนด Attribute ในลักษณะนี้จะทำให้เกิดการรีเฟรชตามวินาทีที่เรากำหนด เช่น
<meta http-equiv="refresh" content="4">
เอกสารจะรีเฟรชด้วยตัวเองทุกๆ 4 วินาที
มาดูอีกอันอันนี้จำเป็นมากสำหรับเอกสาร HTML
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
นี่เป็นการกำหนด Attribute ของ Tag META ในลักษณะการกำหนดอักขระภาษาของเอกสาร HTML
โดยที่ charset=utf-8 เป็นมาตรฐานอักขระที่นิยมใช้ สามารถรองรับอักขระภาษาไทยได้ด้วย
ผมแนะนำให้ใช้ utf-8 ครับ ^^
ส่วนเนื้อหาของเอกสาร Body
ส่วน Body คือส่วนที่ใช้กำหนดเนื้อหรือรายละเอียดทั้งหมดของเอกสาร
โดย Tag Body เริ่มต้นด้วย <body> สิ้นสุดด้วย </body> แบบนี้ครับ
<html>
<head>
.
.
</head>
<body>
ส่วนที่เป็นเนื้อหา...
</body>
</html>
วันนี้พอแค่นี้ก่อนครับเอาไว้จะมาเขียนต่อ
วันหน้าครับง่วงแระ - -"
1 ความคิดเห็น
ฮ่าๆ พี่แมว ขอบคุณมากมาย
ตอบลบผมขอ เอาบทความพี่ เขียนส่งอาจานย์แล้วกัน
เด่วไห้เครดิต ^^