เอกสาร HTML (.html)

WHATWG มาตรฐาน

HTML เป็นมาร์กอัปที่ใช้จัดโครงสร้างหน้าเว็บ เช่น หัวข้อ ลิงก์ แบบฟอร์ม รูปภาพ และเนื้อหาอื่น ๆ เบราว์เซอร์แสดงผลตามโครงสร้างนี้ ส่วน CSS และสคริปต์ใช้ควบคุมรูปลักษณ์กับการทำงานของหน้าเว็บ

ผู้คิดค้น: Tim Berners-Lee & WHATWGปี: 1993MIME: text/html

แปลง JSON เป็น HTML

ตัวแปลงจาก JSON เป็น HTML ฟรีในเบราว์เซอร์ แปลงไฟล์ได้ทันทีบนอุปกรณ์ของคุณ

ตรวจสอบไฟล์และข้อมูลเมตา

ระบบปฏิบัติการและเครื่องมือวิเคราะห์ไฟล์จะระบุไฟล์ HTML โดยการตรวจสอบลำดับไบต์ไบนารีส่วนต้น:

เลือกหรือวางไฟล์ที่นี่

เป็นส่วนตัว - ไฟล์จะไม่ออกจากอุปกรณ์ของคุณ

หรือวาง Ctrl+V
รับประกันความเป็นส่วนตัวโดยไม่มีการส่งข้อมูลผ่านเครือข่าย: อัปโหลด 0 ไบต์ไปยังเซิร์ฟเวอร์ภายนอก การประมวลผลทั้งหมดเกิดขึ้นภายในแซนด์บ็อกซ์ของเบราว์เซอร์ของคุณ

ลายเซ็นส่วนหัวระดับไบต์

ระบบปฏิบัติการและเครื่องมือวิเคราะห์ไฟล์จะระบุไฟล์ HTML โดยการตรวจสอบลำดับไบต์ไบนารีส่วนต้น:

ลายเซ็น HEX (OFFSET 0):

3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6C

การแสดงผลรูปแบบ ASCII: <!DOCTYPE html

มาตรฐาน: WHATWG HTML Living Standard / W3C Recommendation

ข้อมูลจำเพาะทางเทคนิค

สถาปัตยกรรมคอนเทนเนอร์สตรีมข้อความ Unicode ที่จัดโครงสร้างเป็นองค์ประกอบต้นไม้ Document Object Model (DOM) แบบลำดับชั้น
การบีบอัดสตรีมข้อความแบบไม่บีบอัด (โดยทั่วไปบีบอัดระหว่างส่งผ่าน HTTP ด้วย Brotli หรือ Gzip)
การจัดลำดับไบต์สตรีมข้อความ UTF-8 / Unicode (มี BOM หรือไม่ก็ได้)
พื้นที่สีsRGB, Display P3, Rec.2020 ผ่าน CSS Color 4
ช่องสัญญาณและโครงสร้างมาร์กอัปไฮเปอร์เท็กซ์, การจัดรูปแบบ CSS, การโต้ตอบด้วย JavaScript, SVG ที่ฝังมา, Canvas, เสียง และวิดีโอ
ขนาดสูงสุดขอบเขตแคนวาสเอกสารไม่จำกัด (เลื่อนได้ไม่สิ้นสุด)
ความโปร่งใสค่าความทึบ CSS เต็มรูปแบบ, ช่องสีอัลฟา (rgba/color()) และโหมดผสมสี
การสตรีมและแบบโปรเกรสซีฟแยกวิเคราะห์ผ่านสตรีมทีละส่วน: เบราว์เซอร์แสดงองค์ประกอบได้ก่อนดาวน์โหลดไฟล์ครบ

ตารางเปรียบเทียบทางเทคนิค: HTML กับคู่แข่ง

คุณลักษณะทางเทคนิคHTML (ปัจจุบัน)MDXMLPDF
การโต้ตอบและตรรกะการเขียนสคริปต์ด้วย JavaScript และ DOM ได้เต็มรูปแบบข้อความประกาศแบบคงที่เท่านั้นการจัดเก็บข้อมูล (ไม่มีตรรกะในตัว)สคริปต์ฟอร์มจำกัด (AcroJS)
ความยืดหยุ่นในการจัดสไตล์การควบคุมภาพ CSS3/CSS4 แบบไม่จำกัดการจัดสไตล์เริ่มต้นตามธีมต้องใช้สไตล์ชีตการจัดสไตล์ XSLTเลย์เอาต์พิกเซลตายตัวที่เข้มงวด
การแสดงผลหน้า HTMLรองรับเมื่อเบราว์เซอร์หรือระบบอ่านมีตัวแสดงผล EPUBต้องใช้เอนจิ้นการเรนเดอร์ Markdownต้องใช้โปรแกรมดู XML หรือการจัดสไตล์ต้องใช้ปลั๊กอิน PDF ที่ฝังอยู่
การเชื่อมโยงหน้าเว็บไฮเปอร์ลิงก์เว็บเนทีฟ (href)ไวยากรณ์ Markdown [text](url)ไวยากรณ์ XML XLinkคำอธิบายประกอบลิงก์ PDF ที่ฝังอยู่

รูปแบบความเสียหายทั่วไปและคู่มือการกู้คืน Hex

หน้าเว็บแสดงแท็ก HTML เป็นข้อความ หรือแสดงตัวอักษรภาษาต่างประเทศผิดเพี้ยน (เช่น 'é')

สาเหตุหลัก: ขาดการประกาศชุดอักขระ UTF-8 ('<meta charset="utf-8">') หรือหัวการเข้ารหัสไม่ตรงกัน

การกู้คืน: เพิ่ม '<meta charset="utf-8">' หรือเข้ารหัสใหม่เป็น UTF-8 โดยใช้ File2File.app Text Converter

การวิเคราะห์ความปลอดภัยและเวกเตอร์การโจมตีตัวแยกวิเคราะห์

เอนจิ้นเรนเดอร์ HTML เรียกใช้สคริปต์และแยกวิเคราะห์มาร์กอัปที่ซับซ้อน หากไม่ทำความสะอาดข้อมูลที่ป้อนเข้าก็อาจเกิดช่องโหว่ Cross-Site Scripting (XSS)

เวกเตอร์การโจมตีที่ทราบ

  • การโจมตีแบบ Cross-Site Scripting (XSS) ชนิด Stored หรือ Reflected เพื่อขโมยคุกกี้เซสชันและโทเค็นยืนยันตัวตนของผู้ใช้
  • การแทรก HTML เพื่อหลอกผู้ใช้ผ่านหน้าล็อกอินปลอม
  • ช่องโหว่ความปลอดภัยที่อิงตาม DOM ซึ่งจัดการ document.location หรือ eval()

แนวทางปฏิบัติที่ดีที่สุดในการป้องกัน: ควรทำความสะอาดอินพุตจากผู้ใช้ที่ไม่น่าเชื่อถือด้วยไลบรารีที่จัดการได้อย่างรัดกุม เช่น DOMPurify เสมอ ก่อนแทรกลงใน DOM

ประวัติความเป็นมาและเหตุการณ์สำคัญ

2019W3C และ WHATWG ลงนามข้อตกลงครั้งประวัติศาสตร์เพื่อกำหนดให้ WHATWG HTML Living Standard เป็นแหล่งข้อมูลอ้างอิงเพียงแหล่งเดียว
2014W3C สรุปข้อแนะนำมาตรฐาน HTML5 ซึ่งเพิ่มการรองรับวิดีโอ เสียง แคนวาส และองค์ประกอบเชิงความหมายสำหรับการออกแบบที่ตอบสนองต่อหน้าจอ
1993Tim Berners-Lee เผยแพร่ร่างอินเทอร์เน็ต HTML อย่างเป็นทางการฉบับแรกที่ CERN

ข้อได้เปรียบและจุดเด่นสำคัญ

  • เบราว์เซอร์อ่าน HTML ได้โดยตรง จึงเปิดหน้าเว็บได้โดยไม่ต้องใช้โปรแกรมอ่านเอกสารแยกต่างหาก โปรแกรมแก้ไขและระบบเผยแพร่ก็ใช้ HTML จัดโครงสร้างเนื้อหาสำหรับเว็บเช่นกัน
  • ผสานการทำงานกับ CSS เพื่อออกแบบรูปลักษณ์ และกับ JavaScript เพื่อเพิ่มการโต้ตอบแบบไดนามิกได้อย่างไร้รอยต่อ
  • เอนจินจัดหน้าแบบสตรีมมิง: เบราว์เซอร์สามารถแยกวิเคราะห์ จัดหน้า และแสดงผล HTML ทีละส่วนได้ทันทีที่ได้รับข้อมูลผ่านเครือข่าย

ข้อจำกัดทางเทคนิคและข้อควรพิจารณา

  • ไฟล์ .html แบบสแตนด์อโลนไม่สามารถบรรจุรูปภาพ ฟอนต์ หรือสไตล์ชีตภายนอกที่ลิงก์ไว้ได้ เว้นแต่จะรวมทรัพยากรเหล่านั้นไว้ด้วย (เช่น MHTML/Base64)
  • การแสดงผลอาจแตกต่างกันเล็กน้อยในเอนจิ้นเบราว์เซอร์ต่างๆ (Blink, WebKit, Gecko)
  • พื้นที่เสี่ยงด้านความปลอดภัยกว้าง: อินพุตจากผู้ใช้ที่ไม่ได้ escape อาจทำให้เกิดช่องโหว่ Cross-Site Scripting (XSS)

เกร็ดความรู้ทางเทคนิคที่น่าสนใจ

  • Tim Berners-Lee คิดค้น HTML ที่ CERN ในปี 1989 เพื่อช่วยให้นักฟิสิกส์นิวเคลียร์สามารถแบ่งปันเอกสารการวิจัยข้ามคอมพิวเตอร์ได้อย่างง่ายดาย
  • HTML Living Standard ไม่มีหมายเลขเวอร์ชัน เช่น HTML6 แต่มีการดูแลและปรับปรุงอย่างต่อเนื่อง
  • คุณสามารถคลิกขวาที่หน้าเว็บใดก็ได้บนโลกแล้วเลือก 'ดูซอร์สโค้ดหน้า' เพื่อดูโค้ด HTML เบื้องหลัง

คำถามทางเทคนิคที่พบบ่อย

HTML ใช้สำหรับทำอะไร?

HTML ใช้สำหรับจัดโครงสร้างเนื้อหาบนอินเทอร์เน็ต เพื่อสร้างหน้าเว็บที่มีข้อความ, หัวข้อ, รูปภาพ, ลิงก์, ฟอร์ม และมัลติมีเดียฝังตัว

ฉันสามารถแปลง HTML เป็น PDF หรือ Markdown ได้หรือไม่?

ได้ File2File.app สามารถเรนเดอร์และแปลงไฟล์ HTML ใดๆ ให้เป็นเอกสาร PDF ที่สะอาดตาและพิมพ์ได้ หรือไฟล์ข้อความ Markdown น้ำหนักเบาในเบราว์เซอร์ของคุณโดยตรง

ความแตกต่างระหว่าง HTML และ HTML5 คืออะไร?

HTML5 คือวิวัฒนาการรุ่นใหม่ของ HTML ที่เพิ่มการรองรับการเล่นวิดีโอและเสียงในตัว กราฟิกแคนวาสแบบโต้ตอบ การแสดงผลบนมือถือ และองค์ประกอบเชิงความหมายที่ชัดเจน เช่น <header>, <article> และ <footer>

คู่การแปลงไฟล์ HTML ที่เกี่ยวข้อง

JSON เป็น HTML

การแปลงข้อมูล JSON เป็นซอร์สโค้ด HTML จะเปลี่ยนคู่คีย์-ค่าที่มีโครงสร้างดิบให้เป็นเอกสารเว็บที่มนุษย์อ่านได้ พร้อมสำหรับการเรนเดอร์บนเบราว์เซอร์

HTML เป็น JSON

การแปลงซอร์สโค้ด HTML เป็นข้อมูล JSON จะเปลี่ยนเอกสารเว็บที่มนุษย์อ่านได้ให้เป็นคู่คีย์-ค่าที่มีโครงสร้าง สำหรับการประมวลผลด้วยโปรแกรมและการรับส่งข้อมูลผ่าน API

EML เป็น HTML

การแปลงไฟล์อีเมลมาตรฐาน RFC 822 เป็น HTML จะเปลี่ยนคอนเทนเนอร์ข้อความธรรมดาให้เป็นเอกสารเว็บที่เปิดดูได้ทั่วไป