Các tham số SVG như 'xmlns' và 'phiên bản' có cần thiết không?

Trong khoảng một nửa số ví dụ về Svg tôi thấy trên internet, mã được gói trong <svg></svg>các thẻ đơn giản .

Trong nửa còn lại, các thẻ svg có rất nhiều thuộc tính phức tạp như thế này:

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

Câu hỏi của tôi là: sử dụng các thẻ svg đơn giản? Tôi đã thử chơi xung quanh với những cái phức tạp và mọi thứ đều hoạt động tốt nếu tôi không bao gồm chúng.

Tất cả các tác nhân người dùng (trình duyệt) bỏ qua thuộc tính phiên bản, vì vậy bạn luôn có thể loại bỏ thuộc tính đó.

Nếu bạn nhúng dòng SVG của bạn vào một trang HTML và phục vụ trang text/htmlđó thì các thuộc tính xmlns là không bắt buộc . Nhúng nội tuyến SVG trong các tài liệu HTML là một sự đổi mới khá gần đây xuất hiện như một phần của HTML5.

Tuy nhiên, nếu bạn phục vụ trang của mình dưới dạng hình ảnh / svg + xml hoặc application / xhtml + xml hoặc bất kỳ loại MIME nào khác khiến tác nhân người dùng sử dụng trình phân tích cú pháp XML thì các thuộc tính xmlns là bắt buộc . Đây là cách duy nhất để làm mọi thứ cho đến gần đây vì vậy có rất nhiều nội dung được phục vụ như thế này.

Các xmlns="http://www.w3.org/2000/svg"thuộc tính là:

• Cần thiết cho các tập tin hình ảnh / svg + xml . ¹
• Tùy chọn cho nội tuyến <svg> . ²

Các xmlns:xlink="http://www.w3.org/1999/xlink"thuộc tính là:

• Cần thiết cho các tệp hình ảnh / svg + xml với các thuộc tính xlink : . ¹
• Tùy chọn để nội tuyến <svg> với các thuộc tính xlink : . ²

Các version="1.1"thuộc tính là:

• Khuyến nghị tuân thủ các tiêu chuẩn tệp hình ảnh / svg + xml . ³
• Rõ ràng bị bỏ qua bởi mọi tác nhân người dùng. ⁴
• Đã xóa trong SVG 2. ⁵

¹ Số nhận dạng tài nguyên được quốc tế hóa (RFC3987)
² Kể từ HTML5
³ Ngôn ngữ đánh dấu mở rộng (XML) 1.0
⁴ Có thể cho đến khi phát hành các phiên bản chính tiếp theo.
⁵ Khuyến nghị của ứng viên SVG 2, W3C, ngày 07 tháng 8 năm 2018

Tôi muốn thêm vào cả hai câu trả lời, nhưng tôi không có điểm nào, tôi đang thêm một câu trả lời mới. Trong các thử nghiệm gần đây trên Chrome (Phiên bản 63.0.3239.132 (Bản dựng chính thức) (Windows 64 bit)), tôi đã thấy rằng:

1. Đối với SVG nội tuyến được nhập trực tiếp vào tệp HTML, thông qua trình soạn thảo văn bản hoặc javascript và elm.innerHTML, các thuộc tính xmlns là không cần thiết, như đã nêu trong hai câu trả lời khác.
2. Nhưng đối với SVG nội tuyến được tải thông qua javascript và AJAX, có hai tùy chọn:
   • Sử dụng xhr.responseTextvà elm.innerHTML. Điều này không yêu cầu xmlns.
   • Sử dụng xhr.responseXML.documentElementvà elm.appendChild()hoặc elm.insertBefore(). Phương pháp tạo SVG nội tuyến này tạo ra kết quả nửa vời mà không cần khai báo không gian tên SVG cơ bản, như trong xmlns="http://www.w3.org/2000/svg". <Svg> tải vào HTML, nhưng các hàm ở cấp độ tài liệu, chẳng hạn như getElementById()không được nhận dạng trên phần tử <svg>. Tôi giả sử rằng điều này là do nó sử dụng trình phân tích cú pháp XML XMLHttpRequest bên ngoài HTML.

Về thuộc tính phiên bản SVG, MDN WebDoc nói

Không dùng nữa kể từ SVG 2
Tính năng này không còn được khuyến nghị. Mặc dù một số trình duyệt vẫn có thể hỗ trợ nó, nhưng nó có thể đã bị xóa khỏi các tiêu chuẩn web có liên quan, có thể đang trong quá trình bị loại bỏ hoặc chỉ có thể được giữ cho mục đích tương thích. Tránh sử dụng nó và cập nhật mã hiện có nếu có thể; xem bảng tương thích ở dưới cùng của trang này để hướng dẫn quyết định của bạn. Hãy lưu ý rằng tính năng này có thể ngừng hoạt động bất cứ lúc nào.

Thuộc tính phiên bản được sử dụng để chỉ ra thông số kỹ thuật mà tài liệu SVG tuân thủ. Nó chỉ được phép trên phần tử gốc. Nó hoàn toàn là tư vấn và không có ảnh hưởng đến kết xuất hoặc xử lý.

PS: SVG 2 còn lâu mới trở thành một tiêu chuẩn.