HTML และ XML เป็นภาษา Markup ทั้งคู่ แต่มีเป้าหมายและกฎที่แตกต่างกัน ตารางเปรียบเทียบ ด้าน HTML XML ความหมาย HyperText Markup Language eXtensible Markup Language วัตถุประสงค์หลัก แสดงผลข้อมูล (Display Data) ขนส

cellpadding และ cellspacing เป็นแอตทริบิวต์ของแท็ก <table> ที่ควบคุมช่องว่างแตกต่างกัน ตารางเปรียบเทียบ ด้าน Cellpadding Cellspacing ที่เกี่ยวข้อง เซลล์เดี่ยว (Single cell) หลายเซลล์ (Between cells) ฟังก์ชัน ช่

ใน HTML Form มี 2 เมธอดหลักสำหรับส่งข้อมูลไปยังเซิร์ฟเวอร์: GET และ POST ซึ่งแตกต่างกันในหลายด้าน ตารางเปรียบเทียบ ด้าน GET POST ตำแหน่งข้อมูล อยู่ใน URL (Query String) อยู่ใน Request Body วัตถุประสงค์หลัก ดึงข้อมูล

Hypertext (ไฮเปอร์เท็กซ์) และ Hyperlink (ไฮเปอร์ลิงก์) เป็นคำที่เกี่ยวข้องกันแต่มีความหมายต่างกัน พื้นฐานของเว็บสมัยใหม่ ตารางเปรียบเทียบ ด้าน Hypertext (ไฮเปอร์เท็กซ์) Hyperlink (ไฮเปอร์ลิงก์) นิยาม ข้อความที่เชื่อมโยงกับข้อมูลอื่นแบบไม่เชิงเส

Cache (แคช) และ Cookies (คุกกี้) ทั้งคู่เก็บข้อมูลฝั่ง Client (Browser) แต่มีวัตถุประสงค์ โครงสร้าง และอายุการใช้งานที่ต่างกัน ตารางเปรียบเทียบ ด้าน Cache (แคช) Cookies (คุกกี้) วัตถุประสงค์ เก็บเนื้อหาเว็บที่ใช้บ่อย เพื่อโหลดหน้าเว็บเร็วขึ้น

HTTP (HyperText Transfer Protocol) และ MQTT (MQ Telemetry Transport) เป็นโปรโตคอลสื่อสารที่แตกต่างกันอย่างสิ้นเชิง ทั้งในแนวคิด การทำงาน และกรณีการใช้งาน HTTP (HyperText Transfer Protocol) โปรโตคอลมาตรฐานของเว็บ ใช้โมเดล Request-Response (Client-Server) ลักษณะสำคัญ Stateless: ไม่เก็บสถานะระหว่า

ใช้แอตทริบิวต์ download ในแท็ก <a> เพื่อบังคับให้เบราว์เซอร์ดาวน์โหลดไฟล์แทนที่จะเปิดในแท็บใหม่ ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <h1>ตัวอย่างลิงก์ดาวน์โหลด</h1> <a href=https://example.com/image.jpg download> <img src=https://example.co

HTML และ ASP เป็นภาษาพัฒนาเว็บที่ใช้กันอย่างกว้างขวาง แต่มีลักษณะและหน้าที่ต่างกันอย่างสิ้นเชิง ตารางเปรียบเทียบ หัวข้อ HTML ASP (Active Server Pages) ลักษณะภาษา Client-side (ทำงานฝั่งเบราว์เซอร์) Server-side (ทำงานฝั่งเซิร์ฟเวอร์)

Content Spoofing (การปลอมแปลงเนื้อหา) เป็นการโจมตีที่ผู้โจมตีแสดงเว็บไซต์ปลอมให้ดูเหมือนเว็บไซต์จริง โดยการฉีดโค้ด HTML หรือข้อความ (Text Injection) ผ่านช่องโหว่ของแอปพลิเคชันเว็บที่ไม่ตรวจสอบข้อมูลนำเข้าอย่างเหมาะสม ประเภทหลัก 2 แบบ 1. HTML Injection ผู้โจมตีฉีดโค้ด HTML ผ่านพารามิเตอร์ URL หรือฟ

ใน Python Selenium สามารถดึงซอร์สโค้ด HTML ของหน้าเว็บได้ 2 วิธีหลัก วิธีที่ 1: ใช้ page_source html = driver.page_source วิธีที่ 2: ใช้ JavaScript Executor html = driver.execute_script(return document.body.innerHTML;) ตัวอย่างโค้ดสมบูรณ์ (วิธีที่ 1) from selenium import webdriver driver = webdr

Iframe (Inline Frame) ใช้สำหรับฝังเอกสาร HTML อื่นภายในหน้าเว็บหลัก Selenium ต้องสลับบริบท (context) จากหน้าหลักไปยัง iframe ก่อนจึงจะเข้าถึงองค์ประกอบภายในได้ วิธีการสลับไปยัง Iframe เมธอด คำอธิบาย ตัวอย่าง switchTo().frame(id) ใช้ id หรือ nam

สามารถดึงโค้ด HTML ภายในของ WebElement ได้โดยใช้เมธอด getAttribute(innerHTML) ซึ่งจะคืนค่าข้อความระหว่างแท็กเปิดและแท็กปิดขององค์ประกอบนั้นๆ ไวยากรณ์ (Syntax) String html = element.getAttribute(innerHTML); ตัวอย่างโค้ด Java สมบูรณ์ import org.openqa.selenium.WebDriver; import org.openqa.selenium.c

ใน Selenium WebDriver สามารถเปลี่ยนแปลง CSS style display ขององค์ประกอบ HTML ได้โดยใช้ JavaScript Executor เนื่องจาก Selenium ไม่มีคำสั่งโดยตรงสำหรับการเปลี่ยน CSS property ไวยากรณ์ (Syntax) executor.executeScript(document.getElementById(elementId).style.display=block;); ตัวอย่างโค้ด Java สมบูรณ์

คลาส DOMDocument และ DOMXPath ของ PHP ช่วยให้สามารถแยกวิเคราะห์และดึงข้อมูลจาก HTML/XML ได้อย่างมีประสิทธิภาพ ตัวอย่าง: ดึงข้อความจาก div ที่ซ้อนกัน <?php $html = <<<HTML <div class=main> <div class=text> This is text 1 </div> </div> <div class=main>

หากต้องการแสดงโค้ด XML ในหน้า HTML โดยไม่ให้เบราว์เซอร์ตีความเป็นแท็ก ให้ใช้ฟังก์ชัน htmlentities() ร่วมกับแท็ก <pre> เพื่อรักษารูปแบบการจัดรูปแบบ โค้ดพื้นฐาน <?php echo <pre>, htmlentities($string), </pre>; ?> ตัวอย่างสมบูรณ์ <?php $string = <example> <exampl

หากต้องการปิดการทำงานอัตโนมัติ (autocomplete) ของช่องกรอกข้อมูล ให้เพิ่มแอตทริบิวต์ autocomplete=off ลงในองค์ประกอบ <input> ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>ตัวอย่าง Autocomplete On/Off</title> <style> input { font-size: 18px;

หากต้องการปิดการตรวจสอบคำสะกดสำหรับองค์ประกอบฟอร์ม ให้เพิ่มแอตทริบิวต์ spellcheck=false ลงในองค์ประกอบ <input> หรือ <textarea> ที่ต้องการ ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>ตัวอย่างการปิด Spellcheck</title> </head> <body> <

สำหรับการสร้างปุ่มอัปโหลดไฟล์ด้วย HTML โค้ดมีดังนี้: ตัวอย่าง <!DOCTYPE html> <html> <head> <h1>File upload button example</h1> <p>Click on the "Choose File" button to upload a file:</p> <form> <input type="file" id="FILE&qu

เมธอด write() ของ HTML DOM ให้ผู้ใช้ฟังก์ชันเขียนนิพจน์หลายอย่าง (HTML หรือ JavaScript) โดยตรงลงในเอกสาร หมายเหตุ: เมธอดนี้จะทับทับโค้ด HTML ในเอกสารถ้ามี และ ไม่ เพิ่มอาร์กิวเมนต์ลงบรรทัดใหม่ ไวยากรณ์ (Syntax) document.write(arguments) ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานเมธอด HTML DOM d

เมธอด writeln() ของ HTML DOM ให้ผู้ใช้ฟังก์ชันเขียนนิพจน์หลายอย่าง (HTML หรือ JavaScript) โดยตรงลงในเอกสาร หมายเหตุ: เมธอดนี้จะทับทับโค้ด HTML ในเอกสารถ้ามี และเพิ่มอาร์กิวเมนต์ลงบรรทัดใหม่ ไวยากรณ์ (Syntax) document.write(arguments) ตัวอย่างการใช้งาน ตัวอย่างต่อไปนี้แสดงการใช้งานเมธอด HTML DOM docu