XHTML DHTML SHTML คำศัพท์ทั้งสามนี้มักพบเห็นได้บ่อยเมื่อเรียนรู้การผลิตเว็บไซต์ และบทความบางส่วนจะอธิบายรายละเอียดเหล่านี้ ในบทความนี้ เราจะจัดเรียงคำศัพท์เหล่านี้เพื่อทำความเข้าใจความแตกต่าง
XHTML:
HTML เป็นภาษาการออกแบบเว็บเพจพื้นฐาน XHTML เป็นภาษามาร์กอัปที่ใช้ XML มีลักษณะค่อนข้างคล้ายกับ HTML โดยมีความแตกต่างเพียงเล็กน้อยเท่านั้น แต่มีบทบาทคล้ายกับ HTML เป็นเทคโนโลยีการนำส่งที่รวม (ค่อนข้าง) พลังของ XML เข้ากับ (ส่วนใหญ่) ความเรียบง่ายของ HTML
ในตอนท้ายของปี 2000 องค์กร W3C ระหว่างประเทศ (World Wide Web Consortium) ได้ประกาศเปิดตัว XHTML เวอร์ชัน 1.0 XHTML 1.0 เป็นภาษาใหม่ที่ได้รับการปรับปรุงและปรับปรุงบนพื้นฐานของ HTML 4.0 โดยมุ่งเป้าไปที่แอปพลิเคชันที่ใช้ XML XHTML เป็น HTML ที่ได้รับการปรับปรุง และความสามารถในการปรับขนาดและความยืดหยุ่นของมันจะปรับให้เข้ากับความต้องการที่มากขึ้นของแอปพลิเคชันเครือข่ายในอนาคต ด้านล่างนี้เป็นคำตอบสำหรับคำถามพื้นฐานทั่วไปเกี่ยวกับ XHTML จาก Steven Pemberton ประธานคณะทำงาน HTML ของ W3C
(1) XHTML แก้ปัญหาของภาษา HTML ที่จำกัดการพัฒนาอย่างจริงจัง มีข้อบกพร่องหลักสามประการในการพัฒนา HTML ในปัจจุบัน: ไม่สามารถปรับให้เข้ากับความต้องการของอุปกรณ์เครือข่ายและแอปพลิเคชันได้มากขึ้น ตัวอย่างเช่น โทรศัพท์มือถือ, PDA และอุปกรณ์ข้อมูลไม่สามารถแสดง HTML ได้โดยตรง เนื่องจากโค้ด HTML ไม่ได้มาตรฐาน และเบราว์เซอร์ต้องฉลาดเพียงพอและสามารถแสดง HTML ได้อย่างถูกต้องเฉพาะในกรณีที่มีความซับซ้อน ข้อมูลและประสิทธิภาพผสมกัน ดังนั้น หากคุณต้องการเปลี่ยนการแสดงผลหน้าเว็บ คุณต้องสร้าง HTML ขึ้นมาใหม่ ดังนั้น HTML จำเป็นต้องพัฒนาเพื่อแก้ไขปัญหานี้ ดังนั้น XHTML ที่กำหนดโดย W3C จึงเป็นสะพานเชื่อมจาก HTML ไปยัง XML
(2) XML คือแนวโน้มการพัฒนาของเว็บ ดังนั้นผู้คนจึงกระตือรือร้นที่จะเข้าร่วมเทรนด์ XML XHTML เป็นมาตรฐานปัจจุบันที่มาแทนที่ภาษามาร์กอัป HTML4 เมื่อใช้ XHTML 1.0 ตราบใดที่คุณปฏิบัติตามกฎง่ายๆ อย่างระมัดระวัง คุณจะสามารถออกแบบเพจที่เหมาะกับทั้งระบบ XML และเบราว์เซอร์ HTML เวอร์ชันล่าสุดได้ ความหมายก็คือ คุณสามารถออกแบบให้ใช้ XML ได้ทันทีโดยไม่ต้องรอให้ผู้อื่นใช้เบราว์เซอร์ที่รองรับ XML หลักเกณฑ์เหล่านี้สามารถทำให้การเปลี่ยนไปใช้ XML บนเว็บเป็นไปอย่างราบรื่น
(3) ข้อดีอีกประการหนึ่งของการใช้ XHTML ก็คือ มีความเข้มงวดมาก สถานการณ์ที่ไม่ดีของ HTML บนอินเทอร์เน็ตในปัจจุบันเป็นเรื่องที่น่าตกใจ เบราว์เซอร์ในยุคแรกๆ ยอมรับแท็ก HTML ส่วนตัว ดังนั้นผู้คนจึงต้องใช้เบราว์เซอร์ต่างๆ เพื่อตรวจจับหน้าเว็บหลังจากที่ได้รับการออกแบบมาเพื่อดูว่าเข้ากันได้หรือไม่ ผู้คนต้องปรับเปลี่ยนการออกแบบเพื่อรองรับเบราว์เซอร์ที่แตกต่างกัน
(4) XHTML สามารถโต้ตอบได้ดีกับภาษามาร์กอัป แอปพลิเคชัน และโปรโตคอลที่ใช้ XML อื่นๆ ได้ดี
(5)XHTML เป็นส่วนหนึ่งของตระกูลมาตรฐานเว็บและทำงานได้ดีกับตัวแทนผู้ใช้อื่นๆ เช่น อุปกรณ์ไร้สาย
(6) ในแง่ของการออกแบบเว็บไซต์ XHTML สามารถช่วยคุณกำจัดนิสัยที่ไม่ดีของโค้ดเลเยอร์การนำเสนอ และช่วยให้คุณพัฒนานิสัยในการตรวจสอบแท็กเพื่อทดสอบการทำงานของเพจ
DHTML:
DHTML เป็นเพียงแนวคิดสำหรับการสร้างหน้าเว็บ จริงๆ แล้ว ไม่มีองค์กรหรือสถาบันใดที่ได้เปิดตัวมาตรฐานหรือข้อกำหนดทางเทคนิคของ DHTML DHTML ไม่ใช่เทคโนโลยี มาตรฐาน หรือข้อกำหนด DHTML เป็นเพียงแนวคิดการออกแบบที่รวมเทคโนโลยีหน้าเว็บและมาตรฐานภาษาที่มีอยู่เพื่อสร้างหน้าเว็บที่ยังคงสามารถเปลี่ยนผลกระทบขององค์ประกอบของหน้าได้แบบเรียลไทม์หลังจากดาวน์โหลด
DHTML ประกอบด้วยเทคโนโลยีเว็บ มาตรฐาน หรือข้อกำหนดโดยคร่าวต่อไปนี้:
ไม่มีอะไรจะพูดเกี่ยวกับ HTML 4.0 ซึ่งเป็นมาตรฐานภาษาพื้นฐานสำหรับหน้าเว็บ
หมายเหตุ CSS! ไม่ใช่ CSS แต่เป็น CSSL เป็นตัวย่อของภาษาสคริปต์ Clent-Side ซึ่งแปลว่า "ภาษาสคริปต์ฝั่งไคลเอ็นต์" ส่วนใหญ่จะประกอบด้วย JavaScript (JS), VBScript (VBS) และ JScript . Netscape รองรับ JS เป็นหลัก และ IE รองรับ JS, VBS และ JScript เป็นหลัก
ตัวย่อของ DOM Document Object Model แปลว่า "Document Object Model" เป็นหนึ่งในมาตรฐานเทคโนโลยีเว็บที่ W3C ได้รับการส่งเสริมอย่างจริงจังเมื่อเร็ว ๆ นี้ โดยสรุปเนื้อหาในเว็บเพจเป็นออบเจ็กต์ และแต่ละออบเจ็กต์มีคุณสมบัติของตัวเอง ( คุณสมบัติ) และเมธอด (Method) และเหตุการณ์ (Events) เหล่านี้สามารถควบคุมได้ผ่าน CSSL ที่กล่าวมาข้างต้น โมเดลออบเจ็กต์ของ IE และ NS ถูกสร้างขึ้นตาม DOM ที่เผยแพร่โดย W3C รวมถึง Extended Object ของตัวเองด้วย
CSS เป็นตัวย่อของ Cascading Style Sheets และยังเป็นธีมของเว็บไซต์ 52CSS.com อีกด้วย เป็นข้อกำหนดการออกแบบเสริมสำหรับ HTML ซึ่งใช้เพื่อชดเชยข้อบกพร่องที่เกิดจากข้อจำกัดของ HTML ในการเรียงพิมพ์ เป็นส่วนหนึ่งของ DOM ตามทฤษฎีแล้ว คุณสามารถสร้างเอฟเฟ็กต์ภาพของหน้าใดๆ ที่คุณต้องการโดยการเปลี่ยนคุณสมบัติ CSS แบบไดนามิกผ่าน CSSL
ดังนั้น พูดง่ายๆ ก็คือการนำ DHTML ไปใช้นั้นจะขึ้นอยู่กับ HTML โดยใช้ DOM เพื่อวัตถุวัตถุของหน้า และใช้ CSSL เพื่อควบคุมคุณสมบัติ CSS ของวัตถุเหล่านี้เพื่อให้ได้เอฟเฟกต์ภาพแบบไดนามิกของหน้าเว็บ
SHTML:
เมื่อถามเกี่ยวกับความแตกต่างระหว่าง SHTML และ HTML ถ้าฉันอธิบายเป็นประโยคเดียว: SHTML ไม่ใช่ HTML แต่เป็น API ของเซิร์ฟเวอร์ และ shtml เป็น HTML ที่สร้างแบบไดนามิกโดยเซิร์ฟเวอร์
แม้ว่าทั้งสองรูปแบบจะเป็นรูปแบบไฮเปอร์เท็กซ์ แต่ shtml ก็เป็นไฟล์ที่ใช้ในเทคโนโลยี SSI นั่นคือ รวมฝั่งเซิร์ฟเวอร์--ฝั่งเซิร์ฟเวอร์ SSI มีคำแนะนำ หากเว็บเซิร์ฟเวอร์มีฟังก์ชัน SSI (เว็บเซิร์ฟเวอร์ส่วนใหญ่ (โดยเฉพาะบนแพลตฟอร์ม Unix) เช่น Netscape Enterprise Server รองรับคำสั่ง SSI) จะได้รับการดูแลเป็นพิเศษกับไฟล์ shtml สแกนไฟล์ shtml ก่อนเพื่อดูว่าไม่มีคำแนะนำพิเศษของ SSI หรือไม่ หากเป็นเช่นนั้น ให้ตีความคำสั่ง SSI ตามกฎการตั้งค่าเว็บเซิร์ฟเวอร์ หลังจากการอธิบาย ให้วางไคลเอนต์พร้อมกับ html ปกติ
SHTML ใช้นามสกุลไฟล์ html ของ SSI (รวมฝั่งเซิร์ฟเวอร์) SSI (รวมฝั่งเซิร์ฟเวอร์) ซึ่งมักเรียกว่า "การฝังฝั่งเซิร์ฟเวอร์" หรือ "รวมฝั่งเซิร์ฟเวอร์" เป็นเทคโนโลยีการผลิตหน้าเว็บบนเซิร์ฟเวอร์ที่คล้ายคลึงกับ ASP .
วิธีการทำงานของ SSI:
คุณสามารถใช้คำสั่ง Server-Side Included (SSI) เพื่อรวมข้อความ กราฟิก หรือข้อมูลแอปพลิเคชันลงในเว็บเพจก่อนที่จะส่งเนื้อหาไปยังเบราว์เซอร์ ตัวอย่างเช่น คุณสามารถใช้ SSI เพื่อรวมการประทับเวลา/วันที่ คำชี้แจงลิขสิทธิ์ หรือแบบฟอร์มเพื่อให้ลูกค้ากรอกและส่งคืน การใช้ไฟล์รวมเป็นวิธีง่ายๆ ในการใส่ข้อความหรือกราฟิกที่ปรากฏซ้ำๆ ในหลายไฟล์ แทนที่จะพิมพ์เนื้อหาลงในไฟล์ทั้งหมด เพียงแค่ใส่เนื้อหาลงในไฟล์รวมไฟล์เดียว ไฟล์รวมถูกเรียกด้วยคำสั่งง่ายๆ ซึ่งสั่งให้เว็บเซิร์ฟเวอร์แทรกเนื้อหาลงในเว็บเพจที่เหมาะสม และเมื่อคุณใช้ไฟล์รวม การเปลี่ยนแปลงเนื้อหาทั้งหมดของคุณจะต้องทำในที่เดียวเท่านั้น
เนื่องจากไฟล์ที่มีคำสั่ง SSI จำเป็นต้องมีการจัดการพิเศษ ไฟล์ SSI ทั้งหมดจึงต้องมีนามสกุลไฟล์ SSI ส่วนขยายเริ่มต้นคือ .stm, .shtm และ .shtml
เว็บเซิร์ฟเวอร์จะประมวลผลคำสั่ง SSI ขณะประมวลผลหน้าเว็บ เมื่อเว็บเซิร์ฟเวอร์พบคำสั่ง SSI เว็บเซิร์ฟเวอร์จะแทรกเนื้อหาของไฟล์ที่มีอยู่ลงในเว็บเพจ HTML โดยตรง หาก "ไฟล์รวม" มีคำสั่ง SSI ไฟล์นี้จะถูกแทรกด้วย นอกเหนือจากคำแนะนำพื้นฐานสำหรับการรวมไฟล์แล้ว คุณสามารถใช้คำสั่ง SSI เพื่อแทรกข้อมูลเกี่ยวกับไฟล์ (เช่น ขนาด) หรือเพื่อเรียกใช้แอปพลิเคชันหรือคำสั่งเชลล์ได้
ปัญหาที่มักพบในการดูแลเว็บไซต์คือโครงสร้างของเว็บไซต์ได้รับการแก้ไขแล้ว แต่ต้องมีการปรับปรุงหน้าเว็บจำนวนมากเพื่ออัปเดตเนื้อหาเล็กน้อย SSI มอบวิธีที่ง่ายและมีประสิทธิภาพในการแก้ปัญหานี้ โดยจะวางโครงสร้างพื้นฐานของเว็บไซต์ไว้ในไฟล์ HTML (เทมเพลต) แบบง่ายๆ สิ่งที่เราต้องทำในอนาคตคือการส่งข้อความไปยังเซิร์ฟเวอร์และปล่อยให้โปรแกรมทำงานโดยอัตโนมัติ สร้างหน้าเว็บตามเทมเพลตทำให้ง่ายต่อการจัดการเว็บไซต์ขนาดใหญ่
ดังนั้น วัตถุประสงค์ของเพจที่ใช้รูปแบบ SHTML จึงคล้ายกับของ ASP แต่เนื่องจากเป็น API จึงทำงานเร็วกว่าและมีประสิทธิภาพมากกว่า เร็วกว่า ASP และช้ากว่า HTML แต่เนื่องจากสามารถใช้การรวมฝั่งเซิร์ฟเวอร์ได้ มันทำให้การอัปเดตหน้าง่ายขึ้น (โดยเฉพาะแบนเนอร์อัปเดตเป็นชุด ลิขสิทธิ์ ฯลฯ) ลองจินตนาการว่าคุณมี HTML และคุณต้องการแทรกสคริปต์ฝั่งเซิร์ฟเวอร์พิเศษไว้ตรงกลาง เช่น การแทรกย่อหน้า HTML อื่น ๆ ที่คุณเลือก ASP เพื่อทำงานนี้ให้สำเร็จ แต่หากงานนั้นยากลำบากมากขึ้น ก็จำเป็นต้องมีการทำงานมากขึ้น หากคุณใช้ SHTML แทน ASP เวลาในการประมวลผลอาจใช้เวลาเพียง 4 วินาทีเท่านั้น