MoEML

The Map of Early Modern London uses an eXist XML database (currently version 1.5, running under Tomcat) to store TEI-encoded documents. The website front-end is written in XQuery and rendered into XHTML5 web pages through XSLT transformations using Saxon 9, integrated into the eXist database engine.

Map markings are created by overriding the <area> html tags that make up the image map. DOM (Document Object Model) is manipulated with JavaScript to create new <a> tags that match the center of the rectangle defined by the area tag. CSS (Cascading Style Sheets) define styles that give the <a> tag a background image to complete the effect. The site uses uses non-table based layout to allow for flexibility in design changes.

The site works best in modern, standards-compliant web browsers. Old browsers, especially older versions of Internet Explorer, are not supported.

The website is HTML5 and CSS 3.0 compliant (although we do use some vendor-specific prefixes for CSS 3 properties which are not yet supported by browsers with their proper names). The mark-up is TEI P5-compliant.