web, trends and thinking

It just another weblog :P

HTML คืออะไร

with one comment

จุดเริ่มต้นของบล็อกนี้เริ่มจากความรู้สึกว่า คนไม่เข้าใจความต่างระหว่าง HTML กับภาษา PHP, ASP, Ruby, PyThon และอื่นๆครับ ในที่นี้ผมจะอธิบายสองภาษานั่นคือ HTML กับ PHP เพราะคิดว่าน่าจะเป็นจุดเริ่มต้นง่ายๆสำหรับคนหัดทำเว็บ

HTML คืออะไร?
เป็นภาษาหนึ่งที่กำหนดรูปแบบเอกสารผ่านทางเว็บไซต์ (website) ตัว HTML ย่อมาจาก HyperText Markup Language นั่นคือ ภาษาที่มีคำกำกับที่ทำให้เอกสารเป็นรูปแบบตามที่เราต้องการ หากฟังแล้วดู งงๆ ลองมาดูตัวอย่าง

ทีีนี้ markup ก็คือ ตัว tag <> เนี่ยล่ะ เมื่อมีเปิดก็จะมี / ไปปิดด้วย </> สมมติเราจะทำตัวหนาเราก็ <b>คำสำคัญ</b>

แล้วเอกสารของเราก็จะมีรูปแบบ สีสัน และเป็นรูปเป็นร่างได้ตามใจเราต้องการ ใน HTML ตัวอย่างง่ายๆที่เรามักพบเจอคือ <HTML></HTML> ต้นและท้ายไฟล์เอกสาร .html หรือ .htm

<html>
<head>
<title>ชื่อบนหัวเว็บ</title>
</head>
<body>
รายละเอียดทั้งหลายแหล่
</body>
</html>

ทั้งหมดนี้ที่เล่ามา ทำให้เห็นว่า HTML มันช่างไร้การเคลื่อนไหว ช่างจืดชืด แม้จะมีสี มีการปรับนั่นนี่ แต่มันไม่มี.. ปฎิกิริยาตอบโต้กับผู้ใช้อย่างเราๆ เขาจึงเรียกมันว่า static web page แปลย่อๆได้ว่า เว็บที่นิ่งๆ ก็ไม่ต่างจาก .doc (Microsoft) หรือ .odt (OpenOffice.org) ที่เป็นงานเอกสารธรรมดาเหล่านั้นหรอก

วิวัฒนาการจาก HTML ไปสู่การต่อยอด
แน่นอน เพราะว่าจุดเริ่มต้นของมันเป็นเพียงแค่แสดงเอกสารบนเครือข่ายอินเตอร์เน็ตเท่านั้น

ด้วยวิวัฒนาการของเว็บเติบโตไปอย่างมาก จึงเกิด JavaScript ที่ช่วยทำให้มันเล่นกับผู้ใช้ได้มากขึ้น
แต่แน่นอนว่า ทั้งหมดไม่อาจตอบโจทย์ของโลกในยุค web 2.0 ที่กำลังก้าวไป 3.0 แล้ว เผลอๆมีคนคิดไปไกลกว่านี้ละ..

  • web 1.0
    เว็บในยุคสิบปีก่อนนั่นล่ะครับ ที่ใช้ HTML เพียวๆ อาจสวยได้ด้วยรูปภาพ แต่ทำอะไรไม่ได้คนทำเว็บต้องมานั่งเขียนเองหมด เมื่อยนิ้วแย่
  • web 2.0
    มองง่ายมากสมัยนี้ไปทางไหนก็เจอ Hi5, Facebook, Twitter หลายๆเว็บก็เข้าข่ายนี้ โดยสรุปก็คือผู้ใช้ไปเล่นเว็บได้ทุกส่วน
  • web 3.0
    เขาว่าจะก้าวไปกว่านี้ ผมก็ไม่รู้ ยังไม่ได้ไปศึกษา ฮะ ฮะ..

สรุป

  • HTML เป็นภาษาในการจัดรูปแบบเอกสาร
  • เป็นเว็บประเภท static web page นั่นคือ เว็บนิ่งๆ ไม่มีการตอบโต้ผู้ใช้
  • dynamic web page คือพวก JavaScript, AJAX, PHP, ASP และอื่นๆ เดี๋ยวอธิบายต่อในบล็อกถัดๆไป

Written by แมวน้ำขั้วโลก

สิงหาคม 1, 2010 ที่ 4:49 pm

มีการตอบกลับหนึ่งครั้ง

Subscribe to comments with RSS.


ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: