Нужны ли такие параметры SVG, как 'xmlns' и 'version'?

Question

Нужны ли такие параметры SVG, как 'xmlns' и 'version'?

131

Примерно в половине примеров svg, которые я вижу в Интернете, код обернут в простые простые теги <svg></svg>.

В другой половине теги svg имеют много сложных атрибутов, таких как:

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

У меня вопрос: можно ли использовать простые теги SVG? Я пытался поиграть со сложными, и все отлично работает, если я их не включу.

Lars 27 авг. 2013, в 15:05

Источник

Теги:

xml

svg

3 ответа

162

Атрибут xmlns="http://www.w3.org/2000/svg":

Требуется для файлов image/svg + xml. ¹
Необязательно для встроенного <svg>. ²

xmlns:xlink="http://www.w3.org/1999/xlink":

Требуется для файлов image/svg + xml с атрибутами xlink:. ¹
Необязательно для встроенного <svg> с атрибутами xlink:. ²

Атрибут version="1.1":

Рекомендуется для соответствия стандартам image/svg + xml files. ³
Видимо игнорируется каждым пользовательским агентом. ⁴
Удалено в SVG 2. ⁵

¹Интернационализированные идентификаторы ресурсов (RFC3987)
²С HTML5
³Расширяемый язык разметки (XML) 1,0
⁺⁴ Вероятно, до выхода дальнейших основных версий.
⁵SVG 2, Рекомендация кандидата W3C, 7 августа 2018 г.

ncomputers 13 дек. 2015, в 11:05

6

Очень четкая информация, хороший ответ.
Semicolon 18 янв. 2016, в 01:30
1

Должен ли он быть http или также может быть https?
JohannesB 25 май 2017, в 19:27
1

@JohannesB оба протокола совместимы: D
ncomputers 25 май 2017, в 19:27
0

Ты уверен в этом? Этот пост Ника Крэйвера подразумевает нечто иное, поэтому я и задал этот вопрос в первую очередь (потому что он показался мне нелогичным).
JohannesB 26 май 2017, в 10:43
0

@JohannesB да здесь у вас есть встроенный пример HTTP HTTPS и файл image / svg + xml с встроенным svg с атрибутами xlink пример HTTP HTTPS
ncomputers 26 май 2017, в 15:11
0

Спасибо, угадай, Ник Крейвер тоже делает ошибки;)
JohannesB 26 май 2017, в 18:17
0

@JohannesB ооо ... я думаю, теперь я понял ваш вопрос: вы можете разместить встроенный SVG или файл с протоколами http и https . некоторые тесты показали, что атрибут xmlns должен быть http . это только строка идентификатора ресурса, и браузер не включает эти URL: D
ncomputers 26 май 2017, в 18:45
0

Как насчет того, когда вы обслуживаете SVG, используя data: URL (либо в качестве значения атрибута в HTML, либо в CSS)? Требуется ли xmlns ? (Это считается «встроенным»?)
zrajm 20 авг. 2018, в 18:03
0

Не путайте атрибут version объявления xml ( <?xml version... ) с атрибутом version элемента <svg> . Первый касается версии языка разметки XML, а второй указывает версию SVG. Автор этого ответа совершил эту ошибку, сославшись на XML, а не на спецификацию SVG в ³. Я пытался исправить это, но некоторые идиоты отклонили редактирование.
Bachsau 14 дек. 2018, в 02:50

Показать ещё 7 комментариев

2

Я хотел бы добавить к обоим ответам, но у меня нет баллов, я добавляю новый ответ. В недавних тестах на Chrome (Версия 63.0.3239.132 (Официальная сборка) (64-битная Windows)) я обнаружил, что:

Для встроенного SVG, который непосредственно вводится в файл HTML через текстовый редактор или javascript и elm.innerHTML, атрибуты xmlns не нужны, как указано в двух других ответах.
Но для встроенного SVG, который загружается через javascript и AJAX, есть два варианта:
- Используйте xhr.responseText и elm.innerHTML. Это не требует xmlns.
- Используйте xhr.responseXML.documentElement и elm.appendChild() или elm.insertBefore(). Этот метод создания встроенного SVG приводит к получению полупеченных результатов без объявления базового пространства имен SVG, как в xmlns="http://www.w3.org/2000/svg". <Svg> загружается в HTML, но функции уровня документа, такие как getElementById(), не распознаются в элементе <svg>. Я предполагаю, что это потому, что он использует XMLHttpRequest XML-парсер вне HTML.

jamess 07 фев. 2018, в 15:22

Ещё вопросы

Очень четкая информация, хороший ответ.
Должен ли он быть http или также может быть https?
@JohannesB оба протокола совместимы: D
Ты уверен в этом? Этот пост Ника Крэйвера подразумевает нечто иное, поэтому я и задал этот вопрос в первую очередь (потому что он показался мне нелогичным).
@JohannesB да здесь у вас есть встроенный пример HTTP HTTPS и файл image / svg + xml с встроенным svg с атрибутами xlink пример HTTP HTTPS
Спасибо, угадай, Ник Крейвер тоже делает ошибки;)
@JohannesB ооо ... я думаю, теперь я понял ваш вопрос: вы можете разместить встроенный SVG или файл с протоколами http и https . некоторые тесты показали, что атрибут xmlns должен быть http . это только строка идентификатора ресурса, и браузер не включает эти URL: D
Как насчет того, когда вы обслуживаете SVG, используя data: URL (либо в качестве значения атрибута в HTML, либо в CSS)? Требуется ли xmlns ? (Это считается «встроенным»?)
Не путайте атрибут version объявления xml ( <?xml version... ) с атрибутом version элемента <svg> . Первый касается версии языка разметки XML, а второй указывает версию SVG. Автор этого ответа совершил эту ошибку, сославшись на XML, а не на спецификацию SVG в ³. Я пытался исправить это, но некоторые идиоты отклонили редактирование.

Robert Longson · Accepted Answer · 2013-08-27T16-06-00.000Z

Все пользовательские агенты (браузеры) игнорируют атрибут версии, поэтому вы всегда можете его удалить.

Если вы встраиваете свой SVG файл в HTML-страницу и используете эту страницу как text/html то атрибуты xmlns не требуются. Встраивание SVG-кода в HTML-документы является сравнительно недавним нововведением, появившимся как часть HTML5.

Если же вы служите страницу как изображение /SVG + XML или приложение /XHTML + XML или любой другой тип MIME, который заставляет агент пользователя использовать XML - анализатор, то атрибуты Xmlns необходимы. До недавнего времени это был единственный способ сделать что-то, поэтому много контента обслуживается так.

«Все UA игнорируют атрибут version, так что вы всегда можете его удалить». - но что спецификация должна сказать по этому поводу? «Браузеры позволят вам избежать неприятностей» - это (или в какой-то момент) правда многих практик, которые (или были) однозначно неверны.
В IE11, если я добавлю <!DOCTYPE svg xmlns="www.w3.org/2000/svg"> это сработает, но если я уберу xmlns или поменяю его на <!DOCTYPE svg xmlns="www.example.com"> это не работает. Это почему?
Может ли источник быть указан для этого ответа, пожалуйста?
Я написал значительную часть кода SVG в Firefox, и я так и говорю. Это не достаточно хорошо? Если нет, я все равно добавил несколько ссылок.
@RobertLongson: Когда вы говорите «атрибуты xmlns», включает ли это xmlns: xlink?
@Melab Пользовательский агент, браузер или что-то еще, например, Batik или Inkscape, которые могут отображать разметку
Я взял на себя смелость расширить «UA», так как некоторые люди могут не знать это.
Будет ли часть «Встраивание SVG inline в документы HTML» также сохраняться в файлах CSS при использовании data-uri?
@ Не указывайте, что если эти data-uris - image / svg + xml, как это обычно бывает, то последняя часть ответа верна.