TIL about XHTML + ab. CSS escapes

A presentation at Tech Talk @ Tagesspiegel in March 2025 in by Gunnar Bittersmann

Slide 1

Slide 1

screenshot of sample page rendered as XHTML

Slide 2

Slide 2

screenshot of sample page rendered as HTML

Slide 3

Slide 3

screenshot of source code:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>self-closing strong element</title>
		<style>
			html { font: 2em/1.2 Calibri, Helvetica Neue, sans-serif }
		</style>
  </head>
  <body>
		<p lang="la">Ad astra per <strong/> aspera</p>
		<p>To the stars through hardship</p>
  </body>
</html>

Slide 4

Slide 4

screenshot of sample page rendered as XHTML, DOM inspected

Slide 5

Slide 5

screenshot of sample page rendered as HTML, DOM inspected

Slide 6

Slide 6

TIL about XHTML

Slide 7

Slide 7

TIL about XHTML + ab. CSS escapes + about SVG in JS

Slide 8

Slide 8

TIL ab. CSS escapes

Slide 9

Slide 9

screenshot of codepen

Slide 10

Slide 10

screenshot of CSS specification

Slide 11

Slide 11

TIL about XHTML + ab. CSS escapes + about SVG in JS