กรด2

นี่คือภาพอ้างอิงสำหรับ Acid2 ในการทดสอบจริง จมูกจะเปลี่ยนเป็นสีฟ้าเมื่อเคอร์เซอร์อยู่เหนือส่วนสีเหลืองของใบหน้า
ประเภทของไซต์	การทดสอบมาตรฐานเว็บ
มีจำหน่ายใน	ภาษาอังกฤษ
เจ้าของ	โครงการมาตรฐานเว็บ
สร้างโดย	เอียน ฮิกสัน
URL	https://webstandards.org/files/acid2/test.html
ทางการค้า	เลขที่
การลงทะเบียน	เลขที่
เปิดตัว	13 เมษายน 2548
สถานะปัจจุบัน	ออนไลน์

Acid2คือเว็บเพจที่ใช้ทดสอบ การทำงานของ เว็บเบราว์เซอร์ในการแสดงผลด้านต่างๆ ของโค้ดHTML , การจัดรูปแบบ CSS 2.1, รูปภาพ PNGและURI ข้อมูลเว็บเพจทดสอบนี้เปิดตัวเมื่อวันที่ 13 เมษายน 2548 โดยWeb Standards Projectเว็บเพจทดสอบ Acid2 จะแสดงผลได้อย่างถูกต้องในแอปพลิเคชันใดๆ ก็ตามที่ปฏิบัติตาม ข้อกำหนดของ World Wide Web ConsortiumและInternet Engineering Task Forceสำหรับเทคโนโลยีเหล่านี้ ข้อกำหนดเหล่านี้เรียกว่ามาตรฐานเว็บเพราะอธิบายถึงวิธีการทำงานของเทคโนโลยีที่ใช้บนเว็บ

Acid2 เป็นโปรแกรมทดสอบที่ตรวจสอบข้อบกพร่องในการแสดงผลของเว็บเบราว์เซอร์และแอปพลิเคชันอื่นๆ ที่แสดงผล HTMLโดยตั้งชื่อตามการทดสอบกรดสำหรับทองคำและพัฒนาขึ้นโดยยึดหลักการเดียวกับAcid1 ซึ่ง เป็นการทดสอบที่ค่อนข้างจำกัดเกี่ยวกับการปฏิบัติตามมาตรฐานCascading Style Sheets 1.0 (CSS1) เช่นเดียวกับ Acid1 แอปพลิเคชันจะผ่านการทดสอบหากวิธีการแสดงผลหน้าเว็บตรงกับภาพอ้างอิง

Acid2 ถูกออกแบบมาโดยคำนึงถึงMicrosoft Internet Explorerเป็นพิเศษ ผู้สร้าง Acid2 รู้สึกผิดหวังที่ Internet Explorer ไม่ปฏิบัติตามมาตรฐานเว็บ มันมักแสดงผลหน้าเว็บแตกต่างจากเบราว์เซอร์อื่น ๆ ทำให้ผู้พัฒนาเว็บต้องเสียเวลาปรับแต่งหน้าเว็บของตน Acid2 จึงท้าทาย Microsoft ให้ทำให้ Internet Explorer ปฏิบัติตามมาตรฐานเว็บ ในวันที่ 31 ตุลาคม 2548 Safari 2.0.2 กลายเป็นเบราว์เซอร์แรกที่ผ่านการทดสอบ Acid2 ตามมาด้วย Opera , Konqueror , Firefoxและเบราว์เซอร์อื่น ๆ และด้วยการเปิดตัวInternet Explorer 8ในวันที่ 19 มีนาคม 2552 เวอร์ชันล่าสุดของเบราว์เซอร์เว็บเดสก์ท็อปหลัก ๆ ทั้งหมดจึงผ่านการทดสอบ Acid2 แล้ว หลังจาก Acid2 ก็มีAcid3 ตาม มา

Acid2 ได้รับการเสนอครั้งแรกโดยHåkon Wium Lieหัวหน้าเจ้าหน้าที่ฝ่ายเทคนิคของOpera Softwareและผู้สร้างมาตรฐานเว็บCascading Style Sheets ที่ ใช้กันอย่างแพร่หลาย ^{[ 1 ]}ในบทความเมื่อวันที่ 16 มีนาคม 2548 บนCNET Lie แสดงความผิดหวังที่Microsoft Internet Explorerไม่รองรับมาตรฐานเว็บอย่างถูกต้อง และด้วยเหตุนี้จึงไม่สามารถทำงานร่วมกับเบราว์เซอร์อื่นได้อย่างสมบูรณ์ เขาประกาศว่า Acid2 จะเป็นความท้าทายสำหรับMicrosoft ในการออกแบบInternet Explorer 7ซึ่งอยู่ระหว่างการพัฒนา เพื่อให้สอดคล้องกับมาตรฐานมากขึ้นกว่า Internet Explorer เวอร์ชันก่อนหน้า การทดสอบ Acid1 ดั้งเดิม ได้บังคับให้ผู้ผลิตเบราว์เซอร์แก้ไขแอปพลิเคชันของตน มิฉะนั้นจะต้องเผชิญกับความอับอาย Lie หวังว่า Acid2 จะทำเช่นเดียวกัน^{[ 2 ]}

Lie และเพื่อนร่วมงานIan Hicksonได้สร้างร่างแรกของการทดสอบในเดือนกุมภาพันธ์ พ.ศ. 2548 ^{[ 3 ]} Ian Hickson ได้เขียนโค้ดการทดสอบขั้นสุดท้ายโดยร่วมมือกับWeb Standards Projectและชุมชนเว็บขนาดใหญ่^{[ 2 ] [ 4 ] [ 5 ] [ 6 ]}มีการเผยแพร่อย่างเป็นทางการในวันที่ 13 เมษายน พ.ศ. 2548 ^{[ 7 ]}และในเวลานั้น เว็บเบราว์เซอร์ทุกตัวไม่ผ่านการทดสอบอย่างน่าทึ่ง^{[ 8 ]}

เมื่อวันที่ 23 เมษายน พ.ศ. 2548 Acid2 ได้รับการอัปเดตเพื่อแก้ไขบั๊กที่ทำให้ปากอยู่ใกล้จมูกมากเกินไป^{[ 9 ] [ 10 ]}หลังจากได้รับการร้องเรียนหลายครั้ง การทดสอบได้รับการอัปเดตอีกครั้งในเดือนมกราคม พ.ศ. 2549 เพื่อลบการทดสอบสำหรับ ความคิดเห็นแบบ SGMLที่ไม่เป็นที่นิยมและไม่เคยมีการนำไปใช้อย่างแพร่หลาย ในเบราว์เซอร์ที่ไม่รองรับความคิดเห็นแบบ SGML การทดสอบดั้งเดิมจะแสดงคำว่า "ERROR" ที่ส่วนล่างของใบหน้า^{[ 3 ]}

ในเดือนมีนาคม พ.ศ. 2551 Ian Hickson ได้ปล่อยAcid3 ออกมา เป็นรุ่นต่อจาก Acid2 โดย Acid2 เน้นการทดสอบ CSS เป็นหลัก ในขณะที่ Acid3 เน้นไปที่JavaScriptและเทคโนโลยี " Web 2.0 " อื่นๆ มากกว่า ^{[ 11 ]}

ในเดือนกรกฎาคม พ.ศ. 2548 คริส วิลสันสถาปนิกแพลตฟอร์มอินเทอร์เน็ตเอ็กซ์พลอเรอร์ ระบุว่าการผ่านการทดสอบ Acid2 ไม่ใช่สิ่งสำคัญสำหรับอินเทอร์เน็ตเอ็กซ์พลอเรอร์ 7โดยอธิบายว่าการทดสอบนี้เป็นเพียง "รายการความต้องการ" ของฟีเจอร์ต่างๆ มากกว่าจะเป็นการทดสอบการปฏิบัติตามมาตรฐานอย่างแท้จริง^{[ 12 ]}ในเดือนธันวาคม พ.ศ. 2550 ไมโครซอฟต์ประกาศว่าการเปลี่ยนแปลงทั้งหมดที่จำเป็นในการผ่านการทดสอบ Acid2 จะมีให้ใช้งานในอินเทอร์เน็ตเอ็กซ์พลอเรอร์ 8แต่การเปลี่ยนแปลงเหล่านั้นจะไม่ถูกเปิดใช้งานโดยค่าเริ่มต้น ซึ่งหมายความว่า IE8 จะไม่ผ่านการทดสอบจริง^{[ 13 ] [ 14 ]}ความกังวลก็คือการเปลี่ยนไปใช้พฤติกรรมใหม่จะทำให้เกิดปัญหามากมายในเว็บเพจที่คาดหวังพฤติกรรมแบบเก่าที่ไม่เป็นไปตามมาตรฐานของอินเทอร์เน็ตเอ็กซ์พลอเรอร์ จากนั้นในเดือนมีนาคม พ.ศ. 2551 ไมโครซอฟต์ได้ปล่อย IE8 beta 1 และเปิดใช้งานการเปลี่ยนแปลงโดยค่าเริ่มต้นในที่สุด^{[ 15 ]}เจมส์ แพรตต์ ผู้จัดการผลิตภัณฑ์ของ IE8 อธิบายว่าการตัดสินใจนี้ทำขึ้นเพื่อให้ "นักพัฒนาสามารถใช้เวลามากขึ้นในการสร้างฟีเจอร์และสิ่งเจ๋งๆ และใช้เวลาน้อยลงในการพยายามปรับแต่งเว็บไซต์ของพวกเขาในเบราว์เซอร์ต่างๆ" ^{[ 16 ]}

ปัญหาการปฏิบัติตามมาตรฐานที่ยังไม่ได้รับการแก้ไขอีกประการหนึ่งทำให้ IE8 beta 1 ล้มเหลวหากองค์ประกอบทั้งหมดของการทดสอบไม่ได้โฮสต์จากเซิร์ฟเวอร์เดียวกัน^{[ 17 ] [ 18 ] [ 19 ]}ในเดือนสิงหาคม 2551 ไมโครซอฟต์ได้ออก IE8 beta 2 ซึ่งแก้ไขปัญหาดัง กล่าว ^{[ 20 ]}อย่างไรก็ตาม ตั้งแต่เบต้าดังกล่าว โหมดมาตรฐานจะไม่เปิดใช้งานโดยค่าเริ่มต้นสำหรับหน้าเว็บที่โหลดใน " โซน อินทราเน็ต " โซนนี้จะทำงานสำหรับหน้าเว็บที่โหลดผ่านเส้นทาง UNCที่อยู่ที่มีชื่อโดยไม่มีจุด (เช่น http://mysite/) และเว็บไซต์ที่ข้ามการตั้งค่าพร็อกซี^{[ 21 ]}ด้วยเหตุนี้ IE8 จะไม่ผ่านการทดสอบ Acid2 หากโหลดในกรณีเหล่านี้^{[ 22 ]}

Acid2 ทดสอบ มาตรฐานเว็บต่างๆที่เผยแพร่โดยWorld Wide Web ConsortiumและInternet Engineering Task Forceยกเว้น CSS 2.1 มาตรฐานเว็บทั้งหมดที่ทดสอบได้รับการกำหนดเป็นรหัสก่อนปี 2000 ^{[ 23 ] [ 24 ] [ 25 ] [ 26 ]} CSS 2.1 เป็นข้อแนะนำที่เป็นไปได้ในขณะที่ Acid2 ออกวางจำหน่าย^{[ 27 ]}และยังคงเป็นข้อแนะนำที่เป็นไปได้จนถึงวันที่ 23 เมษายน 2552 ^{[ 28 ]}

โดยเฉพาะอย่างยิ่ง Acid2 ทดสอบฟังก์ชันเหล่านี้: ^{[ 29 ]}

• ความโปร่งใสแบบอัลฟาใน ภาพรูปแบบ PNG :ดวงตาของใบหน้ายิ้มใช้ความโปร่งใสแบบอัลฟาซึ่งเป็นส่วนหนึ่งของข้อกำหนด Portable Network Graphics ปี 1996 ความโปร่งใสแบบอัลฟาจะผสานคิ้วเข้ากับใบหน้าได้อย่างราบรื่น นี่เป็นปัญหาสำคัญเนื่องจาก Internet Explorer 6ซึ่งเป็นเว็บเบราว์เซอร์ที่ใช้กันอย่างแพร่หลายที่สุดในขณะที่ Acid2 ได้รับการเผยแพร่ ^{[ 30 ]}ไม่รองรับความโปร่งใสแบบอัลฟา ข้อบกพร่องนี้ได้รับการแก้ไขใน Internet Explorer 7ทำให้ Internet Explorer สอดคล้องกับเว็บเบราว์เซอร์อื่นๆ ในเรื่องนี้ ^{[ 31 ]}
• องค์ประกอบออบเจ็กต์ :ดวงตายังทดสอบการสนับสนุนองค์ประกอบออบเจ็กต์ HTML ด้วย องค์ประกอบออบเจ็กต์เป็นส่วนหนึ่งของ HTML มาตั้งแต่ HTML 4 เปิดตัวในปี 1998 ^{[ 32 ]}แต่จนถึงปี 2005 ก็ยังไม่ได้รับการสนับสนุนอย่างสมบูรณ์ในเว็บเบราว์เซอร์ทั้งหมด ผู้สร้าง Acid2 พิจารณาว่าการสนับสนุนองค์ประกอบออบเจ็กต์มีความสำคัญ เนื่องจากช่วยให้สามารถสำรองเนื้อหาได้ หากออบเจ็กต์โหลดไม่สำเร็จ เบราว์เซอร์สามารถแสดงเนื้อหาทางเลือก (โดยทั่วไปจะง่ายกว่าและน่าเชื่อถือกว่า) แทนที่ได้
• Data URI :รูปภาพจริงที่ประกอบเป็นดวงตาจะถูกเข้ารหัสเป็น Data URI ซึ่งช่วยให้สามารถฝังมัลติมีเดียลงในเว็บเพจได้ แทนที่จะจัดเก็บเป็นไฟล์แยกต่างหาก Acid2 ทดสอบกรณีที่พบบ่อยที่สุด ซึ่งรูปภาพไบนารี จะถูกเข้ารหัส แบบ base64เป็นข้อความ จากนั้นข้อความที่เข้ารหัสแล้วนั้นจะถูกรวมอยู่ใน Data URI ในเว็บเพจ แม้ว่า IETF จะเผยแพร่ข้อกำหนด Data URI ในปี 1998 ^{[ 25 ]} แต่ พวกเขาก็ไม่เคยนำมาใช้เป็นมาตรฐานอย่างเป็นทางการ ^{[ 33 ]}อย่างไรก็ตาม ข้อกำหนด HTML 4.01 อ้างอิงถึงรูปแบบ Data URI [ ^{17 ]}และขณะนี้เบราว์เซอร์ส่วนใหญ่ได้นำการสนับสนุน Data URI มาใช้^แล้ว
• การกำหนดตำแหน่ง CSS แบบสัมบูรณ์ แบบสัมพัทธ์ และแบบคงที่:การกำหนดตำแหน่งแบบสัมบูรณ์หมายความว่านักพัฒนาเว็บระบุพิกัด X และ Y ที่แน่นอนที่จะวางองค์ประกอบลงในหน้าเว็บ การกำหนดตำแหน่งแบบสัมพัทธ์หมายความว่านักพัฒนาเว็บระบุค่าชดเชย X และ Y จากตำแหน่งปกติขององค์ประกอบ การกำหนดตำแหน่งแบบคงที่หมายความว่าองค์ประกอบจะถูกวางสัมพันธ์กับหน้าต่างเบราว์เซอร์ และเลื่อนไปพร้อมกับหน้าต่างแทนที่จะเลื่อนไปพร้อมกับส่วนที่เหลือของหน้าเว็บ^{[ 34 ] [ 35 ]}
• โมเดลกล่อง CSS:คุณสมบัตินี้ช่วยให้นักออกแบบเว็บสามารถระบุขนาด ระยะห่าง ขอบ และระยะขอบได้^{[ 36 ]}และเป็นจุดสนใจของการทดสอบAcid1 ดั้งเดิม ^{[ 29 ]} Acid2 ไม่เพียงแต่ทดสอบการรองรับระยะขอบอีกครั้ง แต่ยังทดสอบความสูงและความกว้างขั้นต่ำและสูงสุด ซึ่งเป็นคุณสมบัติใหม่ใน CSS 2.0 ด้วย
• การจัดรูปแบบตารางด้วย CSS:ส่วนนี้ของ CSS ช่วยให้นักออกแบบเว็บสามารถจัดรูปแบบตารางได้โดยไม่ต้องใช้โค้ดHTML สำหรับตาราง แบบดั้งเดิม
• เนื้อหาที่สร้างด้วย CSS:การใช้เนื้อหาที่สร้างด้วย CSS ช่วยให้นักพัฒนาเว็บสามารถเพิ่มการตกแต่งและคำอธิบายประกอบให้กับองค์ประกอบที่กำหนดโดยไม่ต้องเพิ่มเนื้อหาลงในแต่ละองค์ประกอบทีละรายการ
• การวิเคราะห์ CSS:มีคำสั่ง CSS ที่ไม่ถูกต้องจำนวนหนึ่งใน Acid2 เพื่อทดสอบการจัดการข้อผิดพลาด เบราว์เซอร์ที่ปฏิบัติตามมาตรฐานคาดว่าจะจัดการข้อผิดพลาดเหล่านี้ตามที่ข้อกำหนด CSS กำหนดไว้ ซึ่งช่วยให้มั่นใจได้ถึงความเข้ากันได้ระหว่างเบราว์เซอร์ต่างๆ โดยทำให้เบราว์เซอร์ทั้งหมดจัดการ CSS ด้วยความเข้มงวดในระดับเดียวกัน ดังนั้นสิ่งที่ใช้งานได้ในเบราว์เซอร์หนึ่งจะไม่ทำให้เกิดข้อผิดพลาดในอีกเบราว์เซอร์หนึ่ง
• ลำดับการแสดงผล: Acid2 กำหนดให้เบราว์เซอร์ต้องมีลำดับการแสดงผลมาตรฐาน กล่าวคือ องค์ประกอบที่ซ้อนทับกันควรถูกวางหรือแสดงผลทับกันในลำดับที่ถูกต้อง
• เอฟเฟกต์การวางเมาส์เหนือ:เมื่อผู้ใช้เลื่อนเมาส์ไปเหนือจมูกของรูปหน้ายิ้ม จมูกจะเปลี่ยนเป็นสีน้ำเงิน นี่เรียกว่าเอฟเฟกต์การวางเมาส์เหนือ และถึงแม้ว่าโดยทั่วไปจะใช้กับไฮเปอร์ลิงก์แต่ก็ควรใช้งานได้กับองค์ประกอบ HTML ที่หลากหลาย^{[ 37 ]}

เนื่องจาก Acid2 ไม่ใช่การทดสอบที่ครอบคลุม จึงไม่รับประกันการปฏิบัติตามมาตรฐานใด ๆ อย่างสมบูรณ์ นอกจากนี้ยังมีเวอร์ชันของการทดสอบ Acid2 ที่ไม่ได้ทดสอบการรองรับ URI ข้อมูลจาก Web Standards Project อีกด้วย^{[ 29 ]}

ผลลัพธ์ที่ผ่านหรือไม่ผ่านจะถือว่าถูกต้องก็ต่อเมื่อใช้การตั้งค่าเริ่มต้นของเบราว์เซอร์เท่านั้น การกระทำต่างๆ เช่น การเปลี่ยนขนาดตัวอักษร ระดับการซูม และการใช้สไตล์ชีตของผู้ใช้ อาจทำให้การแสดงผลการทดสอบผิดพลาด ซึ่งเป็นเรื่องปกติและไม่เกี่ยวข้องกับการปฏิบัติตามข้อกำหนดของเบราว์เซอร์^{[ 38 ]}

การตั้งค่าเบราว์เซอร์และการกระทำของผู้ใช้ทำให้การทดสอบไม่ถูกต้อง ได้แก่: ^{[ 38 ] [ 39 ]}

• การเลื่อน
• การปรับขนาดหน้าต่างเบราว์เซอร์
• การซูมเข้าหรือซูมออก
• ปิดใช้งานรูปภาพ
• การใช้โหมด " ปรับให้พอดีกับความกว้าง"หรือ " แสดงผลบนหน้าจอขนาดเล็ก"ของOpera
• การใช้แบบอักษร สี สไตล์ ฯลฯ แบบกำหนดเอง
• การแก้ไขหน้าเว็บด้วยสคริปต์ผู้ใช้
• การเปิดใช้งาน"มุมมองความเข้ากันได้" ของInternet Explorer

หากแสดงผลอย่างถูกต้อง Acid2 จะปรากฏเป็น รูปหน้า ยิ้มใต้ข้อความ " Hello World! " ในเบราว์เซอร์ของผู้ใช้ โดยจมูกจะเปลี่ยนเป็นสีน้ำเงินเมื่อเคอร์เซอร์เมาส์เลื่อนไปอยู่เหนือจมูกนั้น ภายในสิ้นเดือนมีนาคม พ.ศ. 2552 เบราว์เซอร์หลักทุกตัวในปัจจุบันผ่านการทดสอบ อย่างไรก็ตาม ในขณะที่การทดสอบถูกเผยแพร่ เบราว์เซอร์ทุกตัวไม่ผ่านการทดสอบ^{[ 8 ]}ภาพด้านล่างแสดงข้อผิดพลาดในการแสดงผลต่างๆ ของเบราว์เซอร์ยอดนิยมเมื่อ Acid2 ถูกเผยแพร่เมื่อวันที่ 13 เมษายน พ.ศ. 2548

• 
  การเรนเดอร์อ้างอิง
• 
  อินเทอร์เน็ต เอ็กซ์พลอเรอร์ 6
• 
  Firefox 1.0
• 
  ซาฟารี 1.2
• 
  โอเปร่า 8.0

• การเปรียบเทียบเอ็นจิ้นเบราว์เซอร์

Wikimedia Commons มีสื่อที่เกี่ยวข้องกับAcid2

• การทดสอบกรด2
• ข้อมูลการทดสอบ Acid2
• Acid2 ในเบราว์เซอร์หลักๆ
• ชุดการทดสอบ Acid ของ Web Standards Project
• ข่าวประชาสัมพันธ์จากโครงการมาตรฐานเว็บ 13 เมษายน 2548
• บทความจาก CNET ที่เสนอการทดสอบ Acid2
• ไทม์ไลน์ของ Acid2