HTMLとJavaScriptの値の一元管理

HTML JavaScript

HTMLとJavaScriptで同じ値を使いたいんだけど、変更したい時両方変えるのが面倒だし間違いの元だなと思ってやってみたもの。
案の定IDEには怒られたけど実際には動作する。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" [
    <!ENTITY svg.width "500">
    <!ENTITY svg.height "500">
]>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>hogehoge</title>
<script type="application/x-javascript">
var width = &svg.width;;
var height = &svg.height;;
</script>
</head>
<body>
<svg version="1.1" width="&svg.width;" height="&svg.height;"
    xmlns="http://www.w3.org/2000/svg">
</svg>