<!DOCTYPE html>
<!-- ========================================== kroc camen of camen design ============================================= -->
<title>link · An Example of Code-Is-Art: HTML5 + MathML + SVG</title>
<link rel="stylesheet" type="text/css" href="/design/design.css" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=no" />
<link rel="alternate" type="application/rss+xml" href="/link/rss" title="Just link" />
<link rel="canonical" href="/link/html5-mathml-svg" />
<!-- =================================================================================================================== -->
	<h1><a href="/" rel="index">
		Camen Design
		<li><a href="/">all</a></li>
		<li><a href="/projects">projects</a></li>
		<li><a href="http://forum.camendesign.com">forum</a></li>
		<li><a href="/quote/">quote</a></li>
		<li><a href="/writing/">writing</a></li>
		<li><a href="/blog/">blog</a></li>
		<li><a href="/photo/">photo</a></li>
		<li><a href="/code/">code</a></li>
		<li><a href="/art/">art</a></li>
		<li><a href="/link/" rel="tag">link</a></li>
		<li><a href="/poem/">poem</a></li>
		<li><a href="/audio/">audio</a></li>
		<li><a href="/web-dev/">web-dev</a></li>
		<li><a href="/annoyances/">annoyances</a></li>
		<li><a href="/eve/">eve</a></li>
		<li><a href="/code-is-art/">code-is-art</a></li>
		<li><a href="/inspiration/">inspiration</a></li>
		<li><a href="/windows/">windows</a></li>
		<li><a href="/gift/">gift</a></li>
		<li><a href="/gaming/">gaming</a></li>
		<li><a href="/mac/">mac</a></li>
		<li><a href="/osnews/">osnews</a></li>
		<li><a href="/c64/">c64</a></li>
		<li><a href="/linux/">linux</a></li>
	</ul><a rel="next" href="/link/these_things_i_believe">
		← newer article
<!-- =================================================================================================================== -->
	<!-- date published or updated -->
	<time pubdate datetime="2008-07-11T16:28:00+01:00">
		<sup>4:28<abbr>pm</abbr> • 2008</sup>
		<abbr title="July">Jul</abbr> 11
	<!-- categories -->
		<li><a href="/link/html5-mathml-svg" rel="bookmark tag">link</a></li>
		<li><a href="/code-is-art/html5-mathml-svg">code-is-art</a></li>
		<li><a href="/web-dev/html5-mathml-svg">web-dev</a></li>
	<!-- licence -->
		<abbr title="copyright">©</abbr>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<h1>An Example of Code-Is-Art: HTML5 + MathML + SVG</h1>
<a href="http://www.comfsm.fm/~dleeling/math/m82/t6rational.xhtml" rel="external">comfsm.fm/~dleeling/math/m82/t6rational.xhtml</a>
	A beautiful hand-typed example of practical web-design;
	<a href="http://www.comfsm.fm/~dleeling/leeling.html" rel="external">Dana Lee Ling</a> writes test papers for his
	college algebra and statistics courses in XHTML, with SVG graphs and MathML equations.
	<br /><br />
	He also maintains a brilliantly pure resolve to never break a link:
		Ted Nelson always objected that the world wide web is not what he envisioned when he coined the term
		hypertext in 1965. Like Vannevar Bush’s Memex envisioned in 1945, the links would be paths that do not
		“break.” Some form of massive distributed database would, theoretically, have kept track of material
		and kept links from breaking when material was “moved” or reorganized. Of course that would not be
		possible nor desirable.
		My own paean, however, to Ted is to never move or rename a page once I put it up - even if I have
		misspelled the file name. Yes, I could use a meta to redirect, but my simpler solution is to not move a
		page. Nor reorganize my site. Organic growth unanticipated in 1998 has complicated site management, but
		that’s life - complicated in places.
	<cite>Dana Lee Ling</cite>
	My hat goes off to him for having such beautiful code tucked away in places we’d never think to look.<br />
	I don’t even have any SVG in my site, and certainly not the brains to use MathML, so please give some attention to
	the wonderful work within his <a href="http://www.comfsm.fm/~dleeling/" rel="external">site</a>.
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
	<nav><a href="http://forum.camendesign.com">‹ Discuss this in the Forum ›</a></nav>
	<a href="mailto:kroc@camendesign.com">kroc@camendesign.com</a>
		<a href="/link/html5-mathml-svg.rem">Rem</a> •
		<a href="/link/html5-mathml-svg.html">HTML</a> •
		<a href="/design/">CSS</a> •
		<a href="/.system/">PHP</a> •
		<a href="/.htaccess">.htaccess</a>
	<form method="get" action="https://duckduckgo.com">
		<input type="hidden" name="sites" value="camendesign.com" />
		<input type="search" name="q" placeholder="search…" />
		<input type="submit" value="Go" />
<!-- =================================================================================================== code is art === -->