จำเป็นต้องใช้พารามิเตอร์ SVG เช่น 'xmlns' และ 'version' หรือไม่

ประมาณครึ่งหนึ่งของตัวอย่าง svg ที่ฉันเห็นบนอินเทอร์เน็ตรหัสนั้นถูกห่อด้วย<svg></svg>แท็กธรรมดา ๆ

ในอีกครึ่งหนึ่งแท็ก svg มีคุณสมบัติที่ซับซ้อนมากมายเช่นนี้:

<svg 
  xmlns="http://www.w3.org/2000/svg" 
  version="1.1" 
  xmlns:xlink="http://www.w3.org/1999/xlink"> 

คำถามของฉันคือ: มันจะใช้แท็ก svg ง่ายหรือไม่ ฉันได้ลองเล่นกับสิ่งที่ซับซ้อนและทุกอย่างก็ทำงานได้ดีในตอนท้ายถ้าไม่รวม

ตัวแทนผู้ใช้ทั้งหมด (เบราว์เซอร์) จะไม่สนใจแอตทริบิวต์ version ดังนั้นคุณจึงสามารถลบได้

ถ้าคุณฝังแบบอินไลน์ SVG ของคุณในหน้าเว็บ HTML และให้บริการหน้าเว็บที่เป็นtext/htmlแล้วแอตทริบิวต์ xmlns ไม่จำเป็น การฝัง SVG แบบอินไลน์ในเอกสาร HTML เป็นนวัตกรรมล่าสุดที่มาพร้อมกับการเป็นส่วนหนึ่งของ HTML5

แต่ถ้าคุณทำหน้าที่หน้าของคุณเป็นภาพ / SVG + XML หรือ application / XHTML + XML หรือชนิดไมม์อื่น ๆ ที่เป็นสาเหตุของตัวแทนผู้ใช้จะใช้ parser XML แล้วคุณลักษณะ xmlns จะต้อง นี่เป็นวิธีเดียวที่จะทำสิ่งต่าง ๆ จนกระทั่งเมื่อเร็ว ๆ นี้ดังนั้นจึงมีเนื้อหามากมายที่ทำหน้าที่เช่นนี้

xmlns="http://www.w3.org/2000/svg"แอตทริบิวต์:

• ที่จำเป็นสำหรับภาพ / SVG + XMLไฟล์ ¹
• ตัวเลือกสำหรับinlined ²<svg>

xmlns:xlink="http://www.w3.org/1999/xlink"แอตทริบิวต์:

• จำเป็นสำหรับไฟล์รูปภาพ / svg + xmlด้วยแอ็ตทริบิวต์xlink: ¹
• ทางเลือกสำหรับinlined <svg> with xlink: attributes ²

version="1.1"แอตทริบิวต์:

• แนะนำให้ปฏิบัติตามมาตรฐานไฟล์รูปภาพ / svg + xml ³
• ตัวแทนผู้ใช้ทุกคนไม่สนใจอย่างชัดเจน ⁴
• ลบออกใน SVG 2. ⁵

¹ ตัวระบุทรัพยากรที่เป็นสากล (RFC3987)
² ตั้งแต่ HTML5
³ ภาษา Extensible Markup (XML) 1.0
⁴อาจเป็นไปได้จนกว่าจะมีการเปิดตัวรุ่นหลักอื่น ๆ
⁵ SVG 2 คำแนะนำผู้สมัคร W3C วันที่ 7 สิงหาคม 2561

ฉันต้องการเพิ่มคำตอบทั้งสอง แต่ฉันไม่มีคะแนนฉันกำลังเพิ่มคำตอบใหม่ ในการทดสอบล่าสุดเกี่ยวกับ Chrome (เวอร์ชัน 63.0.3239.132 (รุ่นเป็นทางการ) (Windows 64 บิต)) ฉันได้พบว่า:

1. สำหรับ SVG แบบอินไลน์ที่ป้อนลงในไฟล์ HTML โดยตรงผ่านตัวแก้ไขข้อความหรือ javascript และ elm.innerHTML แอตทริบิวต์ xmlns นั้นไม่จำเป็นตามที่ระบุไว้ในอีกสองคำตอบ
2. แต่สำหรับ SVG แบบอินไลน์ที่โหลดผ่าน javascript และ AJAX มีสองตัวเลือกดังนี้:
   • การใช้งานและxhr.responseText elm.innerHTMLสิ่งนี้ไม่ต้องการ xmlns
   • การใช้งานxhr.responseXML.documentElementและหรือelm.appendChild() elm.insertBefore()วิธีการสร้าง SVG อินไลน์นี้ก่อให้เกิดผลลัพธ์อ่อนหัดโดยไม่ต้อง namespace SVG xmlns="http://www.w3.org/2000/svg"พื้นฐานถูกประกาศในขณะที่ <svg> โหลดลงใน HTML แต่ฟังก์ชั่นระดับเอกสารเช่นgetElementById()ไม่รู้จักในองค์ประกอบ <svg> ฉันคิดว่านี่เป็นเพราะใช้ตัวแยก XML XMLHttpRequest นอก HTML

เกี่ยวกับแอตทริบิวต์เวอร์ชั่น SVG MDN WebDocกล่าว

เลิกใช้แล้วตั้งแต่ SVG 2
ไม่แนะนำคุณลักษณะนี้อีกต่อไป แม้ว่าเบราว์เซอร์บางตัวอาจยังคงสนับสนุน แต่ก็อาจถูกลบออกไปจากมาตรฐานเว็บที่เกี่ยวข้องแล้วอาจอยู่ระหว่างการตกหล่นหรืออาจถูกเก็บไว้เพื่อความเข้ากันได้เท่านั้น หลีกเลี่ยงการใช้งานและอัปเดตรหัสที่มีอยู่ถ้าเป็นไปได้; ดูตารางความเข้ากันได้ที่ด้านล่างของหน้านี้เพื่อเป็นแนวทางในการตัดสินใจของคุณ โปรดทราบว่าคุณลักษณะนี้อาจหยุดทำงานเมื่อใดก็ได้

แอตทริบิวต์ version ใช้เพื่อระบุว่าข้อกำหนดเอกสาร SVG เป็นไปตามข้อกำหนดใด มันได้รับอนุญาตเฉพาะในองค์ประกอบราก มันเป็นคำแนะนำอย่างแท้จริงและไม่มีผลต่อการเรนเดอร์หรือการประมวลผล

PS: SVG 2 นั้นยังห่างไกลจากการเป็นมาตรฐาน