หน้าแรก
หน้าแรก
หากต้องการอัปเดตสี่เหลี่ยมผืนผ้าผ้าใบ HTML5 บนโฮเวอร์ ให้ลองเรียกใช้โค้ดต่อไปนี้: var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.rect(20,20,150,100); context.stroke(); $(canvas).hover(function(e){ context.fillStyle =
ใช้ การแสดงผล:inline-flex เพื่อใช้ความกว้างของ flex div กับเนื้อหา: #box { display: inline-flex; flex-direction: row; flex-wrap: wrap; max-width: 200px; padding: 10px; margin: 20px; background-color: blue; }
สัญลักษณ์รูปีมีดังต่อไปนี้และไม่ใช่ทุกเบราว์เซอร์ที่รองรับ: ₹ ในการทำให้ปรากฏบนหน้าเว็บของคุณ: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <i class="fa fa-inr"></i> คุณสามารถใช้สิ่งต
หากต้องการเก็บรูปภาพไว้ด้านหลังผืนผ้าใบ เมื่อย้ายองค์ประกอบ คุณต้องผ่าน: preserveObjectStacking และสิ่งต่อไปนี้จะใช้งานได้และรูปภาพไม่ปรากฏในพื้นหลัง: window.canvas = new fabric.Canvas('c', { preserveObjectStacking:true }); ตอนนี้เมื่อย้ายรูปร่างจะปรากฏเหนือรูปภาพ
Flash มี GUI ที่น่าทึ่งและคุณสมบัติด้านภาพมากมายสำหรับแอนิเมชั่น อนุญาตให้ผู้ใช้สร้างทุกอย่างภายในแพลตฟอร์มใดแพลตฟอร์มหนึ่งโดยไม่ต้องผสานรวมกับเบราว์เซอร์เต็มรูปแบบภายในเบราว์เซอร์ด้วยขอบเขตหลักที่เป็นมัลติมีเดียและแอนิเมชั่นประเภทอื่นๆ องค์ประกอบ HTML5 ช่วยให้คุณวาดกราฟิกโดยใช้ JavaScript ได้อย่า
ลากแล้วปล่อย (DnD) เป็นแนวคิดอินเทอร์เฟซผู้ใช้ที่มีประสิทธิภาพ ซึ่งทำให้ง่ายต่อการคัดลอก จัดลำดับ และลบรายการด้วยการคลิกเมาส์ ซึ่งช่วยให้ผู้ใช้สามารถคลิกปุ่มเมาส์ค้างไว้เหนือองค์ประกอบ ลากไปยังตำแหน่งอื่น และปล่อยปุ่มเมาส์เพื่อวางองค์ประกอบที่นั่น สำหรับการลากและวาง: <!DOCTYPE HTML> <html&
ในการกำหนดคำศัพท์ของ microdata คุณต้องมี URL เนมสเปซที่ชี้ไปยังหน้าเว็บที่ใช้งานได้ ตัวอย่างเช่น https://data-vocabulary.org/Person สามารถใช้เป็นเนมสเปซสำหรับคำศัพท์ microdata ส่วนบุคคลพร้อมคุณสมบัติที่มีชื่อดังต่อไปนี้ - ชื่อ − ชื่อบุคคลเป็นสตริงธรรมดา ภาพถ่าย − URL ไปยังรูปภาพของบุคคล URL − เว
Microdata แนะนำแอตทริบิวต์ส่วนกลาง 5 รายการที่จะพร้อมใช้งานสำหรับองค์ประกอบใดๆ ที่จะใช้และให้บริบทสำหรับเครื่องเกี่ยวกับข้อมูลของคุณ แอตทริบิวต์ คำอธิบาย Itemscope ใช้เพื่อสร้างรายการ แอตทริบิวต์ itemscope เป็นแอตทริบิวต์บูลีนที่แจ้งว่ามี Microdata ในหน้านี้ และนี่คือจุดเริ่มต้น ประเภทราย
สร้างบริบทการท่องเว็บใหม่โดยการสร้าง iframe ใหม่หรือหน้าต่างใหม่ เราสามารถส่งข้อมูลโดยใช้ postMessage() และมีสองอาร์กิวเมนต์ พวกเขาเป็นเหมือน ข้อความ − ข้อความที่จะส่ง targetOrigin − ชื่อต้นทาง ให้เราดูตัวอย่างการส่งข้อความจาก iframe ไปยังปุ่ม: var iframe = document.querySelector('iframe'
การสื่อสารแบบสองทางระหว่างบริบทการสืบค้นเรียกว่าการส่งข้อความผ่านช่องทาง มีประโยชน์สำหรับการสื่อสารจากหลายแหล่ง ขณะสร้าง messageChannel จะสร้างพอร์ตสองพอร์ตภายในเพื่อส่งข้อมูลและส่งต่อไปยังบริบทการสืบค้นอื่น postMessage() − โพสต์ช่องทางการส่งข้อความ เริ่ม () − มันส่งข้อมูล ปิด() − มันปิดพอร์ต ใน
การแชร์ทรัพยากรข้ามต้นทาง (CORS) เป็นกลไกที่ช่วยให้ทรัพยากรที่ถูกจำกัดจากโดเมนอื่นในเว็บเบราว์เซอร์ สมมติว่า ถ้าคุณคลิกโปรแกรมเล่นวิดีโอ HTML5 ในส่วนสาธิต html5 มันจะขออนุญาตกล้อง หากผู้ใช้อนุญาต ให้เปิดกล้องเท่านั้น มิฉะนั้น กล้องจะไม่เปิดสำหรับเว็บแอปพลิเคชัน ต่อไปนี้คือตัวอย่างของตัวจัดการเหตุการ
W3C Markup Validator จะตรวจสอบความถูกต้องของมาร์กอัปของเอกสารเว็บในรูปแบบ HTML, XHTML, SMIL, MathML เป็นต้น เครื่องมือตรวจสอบนี้เป็นส่วนหนึ่งของ Unicorn ซึ่งเป็นบริการตรวจสอบแบบครบวงจรของ W3C หากต้องการใช้เครื่องมือตรวจสอบนี้สำหรับ HTML5 คุณต้องใช้ ตัวเลือกเพิ่มเติม แล้วเลือก เอกสาร พิมพ์เป็น HTML5
ต่อไปนี้คือรายการคุณลักษณะที่ Modernizr ตรวจพบได้ - คุณลักษณะ คุณสมบัติ CSS JavaScript Check @font-face .fontface Modernizr.fontface Canvas .canvas Modernizr.canvas Canvas Text .canvastext Modernizr.canvastext HTML5 Audio .audio Modernizr.audio HTML5 รูปแบบเสียง
การเข้ารหัส URL เป็นแนวทางปฏิบัติในการแปลอักขระหรืออักขระที่ไม่สามารถพิมพ์ได้ซึ่งมีความหมายพิเศษภายใน URL ให้เป็นการแสดงที่ไม่คลุมเครือและเป็นที่ยอมรับในระดับสากลโดยเว็บเบราว์เซอร์และเซิร์ฟเวอร์ อักขระเหล่านี้รวมถึง − อักขระควบคุม ASCII − อักขระที่ไม่สามารถพิมพ์ได้มักใช้สำหรับการควบคุมเอาต์พุต ช่วง
HTML5 เป็นการแก้ไขครั้งสำคัญถัดไปของมาตรฐาน HTML แทนที่ HTML 4.01, XHTML 1.0 และ XHTML 1.1 HTML5 เป็นมาตรฐานสำหรับการจัดโครงสร้างและนำเสนอเนื้อหาบนเวิลด์ไวด์เว็บ HTML5 เป็นความร่วมมือระหว่าง World Wide Web Consortium (W3C) และ Web Hypertext Application Technology Working Group (WHATWG) แนะนำแท็กใหม
อักขระบางตัวสงวนไว้ในรูปแบบ HTML และมีความหมายพิเศษเมื่อใช้ในเอกสาร HTML ตัวอย่างเช่น คุณไม่สามารถใช้เครื่องหมายมากกว่าและน้อยกว่าเครื่องหมายหรือวงเล็บมุมภายในข้อความ HTML ของคุณได้ เนื่องจากเบราว์เซอร์จะปฏิบัติต่อสิ่งเหล่านี้แตกต่างออกไปและจะพยายามวาดความหมายที่เกี่ยวข้องกับแท็ก HTML ตัวประมวลผล H
เว็บแอปพลิเคชันทั่วไปจะสร้างเหตุการณ์ที่ถูกส่งไปยังเว็บเซิร์ฟเวอร์ ตัวอย่างเช่น การคลิกง่ายๆ บนลิงก์จะขอหน้าใหม่จากเซิร์ฟเวอร์ ประเภทของเหตุการณ์ที่ไหลจากเว็บเบราว์เซอร์ไปยังเว็บเซิร์ฟเวอร์อาจเรียกว่าเหตุการณ์ที่ส่งโดยลูกค้า นอกจาก HTML5 แล้ว WHATWG Web Applications 1.0 ยังแนะนำเหตุการณ์ที่ไหลจากเ
หากต้องการใช้เหตุการณ์ที่เซิร์ฟเวอร์ส่งในเว็บแอปพลิเคชัน คุณจะต้องเพิ่มองค์ประกอบ ลงในเอกสาร แอตทริบิวต์ src ขององค์ประกอบ ควรชี้ไปที่ URL ที่ควรจัดเตรียมการเชื่อมต่อ HTTP แบบถาวรที่ส่งสตรีมข้อมูลที่มีเหตุการณ์ URL จะชี้ไปที่ PHP, PERL หรือสคริปต์ Python ใด ๆ ที่จะดูแลการส่งข้อมูลเหตุการณ์อย่างส
ในการจัดการเหตุการณ์ที่เซิร์ฟเวอร์ส่งใน HTML5 คุณสามารถลองเรียกใช้โค้ดต่อไปนี้: <!DOCTYPE HTML> <html> <head> <script> document.getElementsByTagName("eventsource")[0].addEventListener("server-t
Web Sockets เป็นเทคโนโลยีการสื่อสารแบบสองทิศทางรุ่นใหม่สำหรับเว็บแอปพลิเคชันที่ทำงานบนซ็อกเก็ตเดียวและเปิดเผยผ่านอินเทอร์เฟซ JavaScript ในเบราว์เซอร์ที่เข้ากันได้กับ HTML 5 ต่อไปนี้คือแอตทริบิวต์: แอตทริบิวต์ คำอธิบาย Socket.readyState แอตทริบิวต์แบบอ่านอย่างเดียว readyState แสดงถึงสถานะของ