1

ประวตความเปนมาของ HTML

ปค.ศ. 1961 อนเตอรเนตไดเกดและเตบโตข�น พรอมกบภาษาคอมพวเตอรและโปรโตคอล

(Protocol) จ านวนมาก เพ�อรองรบกบ การเตบโตอยางรวดเรวของอนเตอรเนต หน� งใน

ภาษาคอมพวเตอรและโปรโตคอลน�นคอ ภาษา HTML และ TCP/IP (Transmission Control

Protocol/ Internet Protocol) ท�งน� เพราะ World Wide Web แมจะเปนเพยงสวนหน�งของอนเตอรเนต

แตไดรบความนยม อยางสง และรวดเรว โปรโตคอล HTTP (ซ� งเปนสวนยอยของโปรโตคอล

TCP/IP) จงไดรบการพฒนาเพ�อสนบสนนภาษา HTML ซ�ง ใชในการจดเกบเอกสารบน World

Wide Web

ภาษา HTML ในยคแรกเร�ม ถกใชเพ�อจดทารปแบบตวอกษรบนเอกสารประเภท Hypertext

ความสามารถจงยงคงจากดอยมาก เพยงทาไดแต การกาหนดรปแบบ heading แตสาหรบตวอกษร

ทาไดแค bold และ italic เทาน�น

ความท�ภาษา HTML เปนภาษาท�ไดรบการพฒนาอยางตอเน�อง จนปจจบนมาถง เวอรชน

4.0 จงไดเพ�มขดความสามารถจากเดม ท�มความสามารถเพยงเพ�อจดรปแบบตวอกษร กลายเปนภาษา

ท�มความสามารถในการจดรปแบบเอกสารอยางเตมรปแบบ ส�งกระตน แรกท�กอใหเกดการพฒนา

ดงกลาว เกดข�นในป 1993 เม�อโปรแกรม Web browser มความสามารถจะดเอกสารแบบ Hypertext

พรอมกบมรปภาพประกอบไดพรอมๆ กน และในระยะหลงจากน�นอก 5 ป ภาษา HTML กได

พฒนาตนเองมาเร�อยๆ จนเปนเวอรชน ปจจบน -- เวอรชน 4.0

ส�งท�ทาให HTML เวอรชนปจจบน มความสามารถในการจดรปแบบเอกสารอยางเตม

รปแบบ คอ ความสามารถในการใช Cascading Style Sheet เพ�มเตมจากเวอรชนกอนหนาน�

(เวอรชน 3.2) ซ�งมความสามารถจดรปแบบเอกสารอยในข�นมาตรฐาน

ในอดต ส�งท�ทาใหผเขยนภาษา HTML ประสบกบปญหามากมาย คอ การท�โปรแกรม

browser หลกๆ ยงคงมความแตกตางทาง ดานเทคโนโลยกนอยางมาก และตางกไดพฒนาภาษา

HTML ของตนเพ�มเตมจากมาตรฐานในเวอรชน 3.2 กนเอง โดยไมไดมการตกลง ระหวางกน เปน

ผลใหผเขยนภาษา HTML โดยถอตามมาตรฐาน หรออางองคายใดคายหน� งไมสามารถจะแสดง

รปแบบของเอกสาร ใหเปนอยางท�ตองการได ในปจจบน ปญหาดงกลาวกลบไมลดนอยลงไป แมวา

จะไดมการจดต� งคณะกรรมการ เพ�อกาหนดมาตรฐาน ใหโปรแกรม browser ในเวอรชนใหมๆ

นาเอา HTML เวอรชน 4.0 เปนมาตรฐานกตาม แตปญหายงคงมอย ตอไป ดวยเหตท�คณะกรรมการ

ชดดงกลาวไมสามารถผลกดนใหโปรแกรม browser รบเอามาตรฐานดงกลาวไปใชอยางรวดเรว

เพยงพอ

2

HTML คออะไร

HTML หรอ HyperText Markup Language เปนภาษา script ประเภทหน� ง ซ�งใชทา Web page เปน

งานหลก ในระบบ World Wide Web ในแรกเร�ม วตถประสงคหลกของ HTML ถกเสนอโดยนาย

ทม เบอรเนอรส-ล (Tim Berners-Lee) แหงศนยปฏบตการวจยทางอนภาคฟสกสของยโรป (CERN)

ซ�งต�งอยท�กรงเจนวา สวตเซอรแลนด ไดกาหนดไววา

เพ�อสรางส�อท�นกวทยาศาสตรสามารถจะเผยแพรผลงาน และใชอางอง ไดตลอด 24 ช.ม.

เพ�อสรางภาษาคอมพวเตอรท�รองรบภาษาทองถ�น ท�ไมข�นกบระบบของเคร�องคอมพวเตอร

(Platform) หรอระบบเครอขายใดๆ

และดวยวตถประสงคขางตน ภาษา HTML จงถกใชงานอยางแพรหลายในสงคมของ

นกวทยาศาสตร และกาหนดใหเคร�องมอท�ใชเขยน เปนโปรแกรม text editor ท�วๆ ไป

สาหรบภาษา HTML ในอนเตอรเนต ไดรบการพฒนาอยางตอเน�อง เพ�อใหคนทกๆ ชาตบนโลก

สามารถเขาถง เผยแพร และอางอง วทยาการความรได ดวยการเช�อมโยงไปมาแบบ hyperlink

อาจจะดวยตวอกษร และ/หรอ รปภาพ โดยอาจเช�อมโยงเฉพาะภายใน เอกสารน�น หรอเช�อมโยงขาม

ไปยงเอกสารอ�นๆ ได

ภาษา HTML มตนแบบมาจากภาษา SGML (Standard Generalized Markup Language) ซ�งเปนภาษา

ท�ใชไดเฉพาะ กบประเภท ของคอมพวเตอร และส�งท� HTML รบมาจาก SGML คอ การประกาศคา

และ การกาหนดรปแบบเอกสาร (Document Type Definition --DTD)

ส�งท�ทาให ภาษา HTML ไดรบความนยมอยางมาก และรวดเรว กคอ HTML รวมถง โปรโตคอล

HTTP (HyperText Transfer Protocol) เปนภาษาท�ใชส�อสารกนไดท�วโลก โดยท�ตวภาษาและ

โปรโตคอล ไมข� นกบ ระบบเครอขาย และประเภทของคอมพวเตอร (Platform) ซ� งมความ

หลากหลาย อนเน�องมาจากเทคโนโลยและประเภทการใชงาน เปนผลใหเอกสารท�เขยนโดย HTML

สามารถถายโอน ไดอยางกวางขวาง ท�งในรปแบบของ ตวอกษร ภาพ และเสยง

HTML เวอรชนตางๆ

HTML เวอรชนแรกๆ ยงไมสมบรณดนก จนกระท�งในป 1994 HTML 2.0 จง

ไดรบการยอมรบเปนมาตรฐานท�สมบรณ แตอยางไรกด Netscapeและ Microsoft ตางกเพ�มคาส�ง

ใหมๆลงในโปรแกรมของตนเอง เพ�อใหผใหออกแบบเพจสามารถใชฟงกชนอ�น นอกเหนอไปจาก

HTML 2.0

3

ตอมา W3C ไดพฒนามาตรฐาน HTML 3.0 ข�นมา แตปรากฏวามาตรฐานใหมน�

ไมเปนท�ยอมรบของ Netscape,Microsoft และบรษทอ�นๆ โดยแตละบรษทตางกพยายามให

มาตรฐานใหมมฟงกชนท�ตนเองตองการ จนในท�สด W3C จงตองกลบไปแกไขใหม และกคอ

HTML 3.2

HTML 3.2 และ HTML 4.0

HTML 3.2 เปนมาตรฐานในปจจบนของ W3C โปรแกรมเราเซอรเกอบท�งหมดไดรบการ

พฒนาใหสามารถทางานตามคาส�งท�กาหนดในมาตรฐานของ HTML 3.2 น�

HTML 3.2 เพ�งจะไดรบการยอมรบเปนมาตรฐานเม�อ ม.ค.1997 แตกระน�นกดยงมขดจากด

บางประการท�นกออกแบบเพจตองการท�จะให HTML 3.2 มความสามารถเพ�มมากข�น นกออกแบบ

จานวนมากนยมใชคาส�งใหมๆ ท�ยงไมถอวาเปนมาตรฐาน ท�งๆท�รวา การทาเชนน� จะทาใหตอง

เสยเวลาในการเปล�ยน เบราเซอรใชหลายๆตว แตกเปนการทาทายความสามารถของนกออกแบบ

ความตองการของนกออกแบบท�เพ�มมากข�น ทาใหองคกร W3C ตกลงใจประกาศใช

HTML 4.0 ฉบบรางข�นเม�อ 8 ก.ค. 1997 ทกๆบรษทกพยายามปรบปรงโปรแกรมเบราเซอรของตน

ใหสามารถใชคาส�งใหมๆ ตามมาตรฐาน HTML 4.0 ความสามารถใหมท�เพ�มข�นใน HTML 4.0 จะ

ชวยใหผออกแบบเพจ สามารถควบคมรปแบบเอกสาร และรปภาพไดดข�น แตท�งน� โปรแกรมเบรา

เซอรน�นจะตองสนบสนนฟงกชนของ HTML 4.0 ดวย

คณสมบตบางประการของ HTML 4.0 ไดมการนาไปใชใน Netscape และ Microsoft กอนท�จะม

การพฒนา HTML 4.0 เสยอก หลงจากน�นจงเพ�มความสามารถน�ลงในมาตรฐาน HTML 4.0 แตกม

คณสมบตบางประการของ HTML 4.0 ท�ไมเคยมอยในเบราเซอรใดๆ มากอนเลยกคอ

ความสามารถในการจดการกบ Object Model (ฟงกชนยอดนยมของโปรแกรมเมอร)

โดย HTML 4.0 ถกแบงออกเปน 3 ประเภทไดแก

แบบเครงครด (Strict HTML 4.0)

เปนเอกสาร Hypertext ท� เขยนดวยภาษา HTML 4.0 ตามมาตรฐานอยางเครงครด tag ใดท�

คณะกรรมการชดน� นยามวา ลาสมย (Deprecate) หรอ ใหเลกใช (Obsolete) กจะไมใชคาส�งน�นใน

การเขยนเอกสาร ซ�งในความเปน จรงขณะน� ยงคงไมม โปรแกรม browser ใด สนบสนนภาษา

HTML 4.0 อยางเครงครด แตคาดวาในอนาคต อนใกล นาจะมความเปนไปได

แบบคอยเปนไป (Transitional/ Loose HTML 4.0)

4

เปนเอกสารท�สรางดวยภาษา HTML 4.0 โดยใชรวมกบคาส�งใน HTML เวอรชน 3.2 เพ�อให

เอกสารท�สรางข�นมรปแบบ และใชงานไดตามจรง แมวาจะใชโปรแกรม browser ระบบเครอขาย

และประเภท คอมพวเตอรท�หลากหลายกตาม และแนนอนวา ในบทความน� เอกสารท�เราสรางข�น

จะถกจดใหอยในเปนประเภทน�

แบบ Frameset (Frameset HTML 4.0)

เปนเอกสารท�รวมเอาประเภท Transitional เขากบ tag ประเภท frame (ไดแก FRAME,

FRAMESET, NOFRAMES และ IFRAME) ซ�งเปน tag ใหมเพ�งจะมในเวอรชน 4.0 น�

เคร�องมอ

การสรางไฟลเอชทเอมแอลสามารถทาไดโดยใชโปรแกรมโนตแพด (Notepad) ซ�งเปน

โปรแกรมพมพประจาบนไมโครซอฟตวนโดวทกเวอรช�น สาหรบโปรแกรมพมพประจาบน

ไมโครซอฟตวนโดวส 95 (Windows 95) นอกจากโปรแกรมโนตแพดยงสามารถใชโปรแกรมเวรด

แพด (Wordpad) ไดดวย การพมพคาส�งภาษาเอชทเอมแอล โดยโปรแกรมดงกลาวเปนการพมพ

โดยปกตธรรมดาไมมเคร�องมอชวยสรางคาส�ง ดงน�น การเขยนไฟลเอชทเอมแอลโดยโปรแกรม

พมพดงกลาวอาจทาใหเสยเวลามากกวาการเขยนโดยโปรแกรมพมพเอชทเอมแอลอ�นๆ โดยเฉพาะ

ปจจบนมโปรแกรมพมพเอชทเอมแอลหลายโปรแกรมดวยกนซ�งมช�อท�วไปวา โปรแกรมเอชทเอม

แอลเอดเตอร (HTML editor) หรอโปรแกรมไฮเปอรเอดเตอร (hyper editor) โปรแกรมพมพ

ดงกลาวเปนโปรแกรมอานวยความสะดวกในการสรางไฟลเอชทเอมแอลไดในระดบหน� ง

โปรแกรมเหลาน� ไดแก โปรแกรมเอชทเอมแอล-แอสซสแตนต (HTML – Assistant) โปรแกรม

เอชทเอมแอล-เอด (HTML Ed) โปรแกรมเอชทเอมแอล-ไฮเปอรอดต (HTML-Hyper Edit) และ

โปรแกรมเดอะฮอตเมตทอล – เอดเตอร (The HoTMetal editor) โปรแกรมฮอตดอก (HoTDog)

และโปรแกรมเนตสเปค-เนวเกเตอร – โกลด 2.02 เอดเตอร (Netscape’s Navigator Gold 2.02

Editor) เปนตน โปรแกรมพมพเหลาน�ทางานภายใตระบบวนโดวส อยางไรกตาม โปรแกรมพมพ

เอชทเอมแอลดงกลาวตองทางานรวมกบโปรแกรมเวลดไวดเวบเบราเซอรเสมอ ดงน� น ผใช

คอมพวเตอรจงตองมโปรแกรมเวลดไวดเวบเบราเซอรอยางใดอยางหน�งไวสาหรบแสดงผลลพธ

โปรแกรมเอชทเอมแอล – แอสซสแตนต (HTML-Assistant)

โปรแกรมเอชทเอมแอล-แอสซสแตนตเขยนโดย เอช ฮาราวตซ (H. Harawitz) เปน

โปรแกรมพมพภาษาเอชทเอมแอลท�ไดรบความนยมมากโปรแกรมหน� ง โปรแกรมเอชทเอมแอล-

แอลซสแตนตทางานรวมกบโปรแกรมเวลดไวดเวบเบราเซอรไดหลายโปรแกรมอนไดแก

5

โปรแกรมเซลโล โปรแกรมโมเซอค และโปรแกรมเนตสเคป การกาหนดไดเรกทอรของไฟล

เอชทเอมแอลท�เขยนโดยโปรแกรมเอชทเอมแอล-แอสซสแตนตตองระบไดเรกทอรใหตรงกบ

โปรแกรมเวลดไวดเวบเบราเซอร และการแสดงผลลพธของไฟลเอชทเอมแอลท�ไดรบการแกไข ทา

ไดโดยกดปมคาส�ง “รโหลด” (reload) บนโปรแกรมเวลดไวดเวบเบราเซอรทกคร� ง อยางไรกตาม

โปรแกรมเอชทเอมแอล แอสซส-แตนต สามารถทางานรวมกบโปรแกรมเซลโลภายใตการ

เช�อมโยงแบบดดแอล (DDL : Dynamic Data Exchange) ทาใหโปรแกรมเซลโลสามารถแสดง

ผลลพธซ�งสอดคลองกบขอมลท�ไดรบการแกไขโดยไมจาเปนตองกดปมรโหมด กลาวคอ การแสดง

ผลลพธบนโปรแกรมเซลโลข� นกบการแกไขขอมลบนโปรแกรมเอชทเอมแอล-แอสซสแตนต

โดยตรง

การเขาสโปรแกรมเอชทเอมแอล-เอสซสแตนต ทาไดโดยการคลกเมาสไปท�ไอคอนรป

ดนสอ ทาใหปรากฏภาพโปรแกรมเอชทเอมแอล-แอสซสแตนตซ�งประกอบดวยเมนและทลบาร

(tool bar) สาหรบตวอยางการพมพไฟลเอชทเอมแอลบนโปรแกรมเอชทเอมแอล-แอสซสแตนต

และผลลพธบนโปรแกรมเซลโล

โปรแกรมเอชทเอมแอล-เอด (HTML Ed)

โปรแกรมเอชทเอมแอล-เอด เขยนโดย ปเตอร กรอวชอว (Peter Crawshaw) เปน

โปรแกรมอานวยความสะดวกท�คลายคลงกบโปรแกรมเอชทเอมแอล-แอสซสแตนต ขอดของ

โปรแกรมเอชทเอมแอล-เอดคอใหความสะดวกในการพมพอกขระกลม หรอกษรตางประเทศท�

ไมใชภาษาองกฤษ ซ�งนบวาดกวาโปรแกรมเอชทเอมแอล-แอสซสแตนต โดยท�โปรแกรมเอชทเอม

แอล-เอด กาหนดอกษรตางประเทศไวบนทลบาร ขอดอยของโปรแกรมเอชทเอมแอล-เอด คอไม

สามารถเช�อมโยงแบบดดแอลกบโปรแกรมเซลโลไดเชนเดยวกบโปรแกรมเอชทเอมแอล-แอสซส

แตนต

โปรแกรมฮอตเมตทอล (HoTMetL)

โปรแกรมฮอตเมตทอลเปนโปรแกรมชวยในการพมพเอกสารเอชทเอมแอล โปรแกรมฮอต

เมตทอลเปนของบรษท ซอฟทควอด จากด จดเดนของโปรแกรมฮอตเมตทอลคอ เนนคาส�งรปแบบ

ภาพเพ�อใหงายตอความเขาใจ

โปรแกรมฮอตดอก (HoTDog)

โปรแกรมฮอตดอกเปนโปรแกรมชวยในการพมพเอกสารเอชทเอมแอลท�ไดรบความนยม

สงสดโปรแกรมหน�ง โปรแกรมฮอตดอกเปนของบรษท ซอสเสจ จากด ประเทศออสเตรเลย จดเดน

ของโปรแกรมฮอตดอกคอ เปนโปรแกรมท�ใชงาย

โปรแกรมเนตสเคป-เนวเกเตอร-โกลด เอดเตอร (Netscape’s Navicator Gold Editor)

โปรแกรมเนตสเคป-เนวเกเตอร-โกลด เอดเตอร เปนโปรแกรมชวยในการพมพเอกสาร

เอชทเอมแอลแบบโดยตรงจากจอภาพของโปรแกรม ซ�งเปนไปตามนยามของคาวา “ส�งท�คณเหน

6

คอส�งท�คณไดรบ” หรอมาจากนยามภาษาองกฤษท�วา WYSIWYG (What You See Is What You

Get) โปรแกรมเนตสเคป-เนวเกเตอร-โกลด เอดเตอร เปนของบรษท เนตสเคป คอมมนเคชน จากด

จดเดนของโปรแกรมเนตสเคป-เนวเกเตอร-โกลด เอดเตอร คอ เปนโปรแกรมท�แสดงภาพไดเอง

เน�องจากตวมนเองเปนโปรแกรมเวลดไวดเวบเบราเซอร ดงน�นการแกไขขอมลจงทาไดสะดวก

โปรแกรมฟรอนตเพจ (Front Page)

โปรแกรมฟรอนตเพจเปนโปรแกรมชวยในการพมพเอกสารเอชทเอมแอลแบบโดยตรง

จากจอภาพการแกไขสามารถแสดงผลบนจอภาพของโปรแกรม โปรแกรมฟรอนตเพจเปนของ

บรษท ไมโครซอฟต จากด จดเดนของโปรแกรมฟรอนตเพจคอ เปนโปรแกรมพมพและแกไข

ขอมลท� เช�อมโยงกบเวบเซรฟเวอรเพ�อสะดวกตอการตรวจสอบโอมเพจท�มาจากไฟลเอกสาร

เอชทเอมแอล

โปรแกรมแบกสเตจ-ดไซเนอร (Backstage Designer)

โปรแกรมแบกสเตจ-ดไซเนอรเปนของบรษท แมคโครมเดย เปนโปรแกรมพมพและแกไข

ไฟลเอกสารเอชทเอมแอลแบบโดยตรงจาก “ส� งท� คณเหนคอส� งท� คณไดรบ” เชนเดยวกบ

โปรแกรมฟรอนตเพจ โปรแกรมเนตสเคป-เนวเกเตอร-โกลด เอดเตอร จดเดนของโปรแกรม

แบกสเตจ-ดไซเนอร คอ สามารถแทรกงานประยกตของโปรแกรมแอกทฟ-เอกซ (Active-X) ของ

บรษทไมโครซอฟต จาวาแอปเพลตของบรษทซนไมโครซสเตม และงานประยกตเนตสเคปปล�กอน

(Netscape Plug-In) ของบรษท เนตสเคป เพ�อแสดงงานประยกตแบบมลตมเดย