У вас есть страница XHTML, которая обслуживается как text/html
. Измените свой сервер, чтобы он обслуживал вашу страницу как application/xhtml+xml
, или включите в качестве первого элемента в <head>
следующее:
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
Если Safari интерпретирует вашу страницу XHTML как HTML, он не будет интерпретировать элементы SVG как что-либо кроме пользовательской разметки.
Для справки, вот пример SVG в XHTML , который работает в Safari, включая использование JavaScript для создания элементов SVG.
Редактировать : Кроме того, у вас сломан XHTML; в вашем теге <link>
отсутствует самозакрывающийся маркер; см. результаты проверки .
Реальная проблема, однако, в том, что у вас есть неверный URI для вашего элемента <script>
при ссылке на jQuery:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
Добавьте правильный http: в начало этого URI, и вы увидите, что ваша страница работает (если вы исправите две другие проблемы).