Save 37% off PRO during our Black Friday Sale! »

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

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

051dbe29a972707cde167602b38c9778?s=128

Gunnar Bittersmann

October 15, 2021
Tweet

Transcript

  1. TIL about XHTML

  2. SGML

  3. HTML

  4. HTML 4.01 (SGML) text/html XHTML 1.0 (XML) text/html XHTML 1.0

    (XML) application/xhtml+xml XHTML 2.0 (XML) application/xhtml+xml
  5. None
  6. HTML 4.01 (SGML) text/html XHTML 1.0 (XML) text/html XHTML 1.0

    (XML) application/xhtml+xml HTML5 (HTML syntax) text/html HTML5 (XML syntax) text/html XHTML5 (XML syntax) application/xhtml+xml
  7. HTML 4.01 (SGML) text/html XHTML 1.0 (XML) text/html XHTML 1.0

    (XML) application/xhtml+xml HTML (HTML syntax) text/html HTML (XML syntax) text/html XHTML (XML syntax) application/xhtml+xml polyglot
  8. <!DOCTYPE HTML PUBLIC "-!//W3C!//DTD HTML 4.01!//EN" "http:!//!!www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html PUBLIC

    "-!//W3C!//DTD XHTML 1.0 Strict!//EN" "http:!//!!www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE HTML PUBLIC "-!//W3C!//DTD HTML 4.01 Transitional!//EN" "http:!//!!www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-!//W3C!//DTD HTML 4.01 Frameset!//EN" "http:!//!!www.w3.org/TR/html4/frameset.dtd"> <!DOCTYPE html PUBLIC "-!//W3C!//DTD XHTML 1.0 Transitional!//EN" "http:!//!!www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-!//W3C!//DTD XHTML 1.0 Frameset!//EN" "http:!//!!www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  9. <!DOCTYPE html>

  10. None
  11. None
  12. A wizard is never late, nor is he early. He

    arrives precisely when he means to. width quirks width standards compliant A wizard is never late, nor is he early. He arrives precisely when he means to. h height CSS box model
  13. A wizard is never late, nor is he early. He

    arrives precisely when he means to. bp width pb quirks bp width pb standards compliant A wizard is never late, nor is he early. He arrives precisely when he means to. pb h bp bp height pb CSS box model
  14. box-sizing: content-box box-sizing: border-box bp width pb bp width pb

    pb h bp bp height pb CSS box model A wizard is never late, nor is he early. He arrives precisely when he means to. A wizard is never late, nor is he early. He arrives precisely when he means to.
  15. <meta name="box-model" content="standards-compliant"!/> ✘

  16. <!DOCTYPE HTML PUBLIC "-!//W3C!//DTD HTML 4.01!//EN" "http:!//!!www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html PUBLIC

    "-!//W3C!//DTD XHTML 1.0 Strict!//EN" "http:!//!!www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE HTML PUBLIC "-!//W3C!//DTD HTML 4.01 Transitional!//EN" "http:!//!!www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-!//W3C!//DTD HTML 4.01 Frameset!//EN" "http:!//!!www.w3.org/TR/html4/frameset.dtd"> <!DOCTYPE html PUBLIC "-!//W3C!//DTD XHTML 1.0 Transitional!//EN" "http:!//!!www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-!//W3C!//DTD XHTML 1.0 Frameset!//EN" "http:!//!!www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  17. <!DOCTYPE html>

  18. <!DOCTYPE html PUBLIC "-!//W3C!//DTD XHTML 1.1!//EN" "http:!//!!www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http:!//!!www.w3.org/2000/xhtml" xml:lang="de">

  19. <!DOCTYPE html PUBLIC "-!//W3C!//DTD XHTML 1.1!//EN" "http:!//!!www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" [ <!ATTLIST html

    lang NMTOKEN #IMPLIED > ]> <html xmlns="http:!//!!www.w3.org/2000/xhtml" xml:lang="de" lang="de">
  20. <!DOCTYPE html> <html xmlns="http:!//!!www.w3.org/2000/xhtml"> <head>…!</head> <body> <p> J.&#x202F;R.&#x202F;R. Tolkien !</p>

    !</body> !</html>
  21. <!DOCTYPE html [ <!ENTITY nnbsp "&#x202F;"> ]> <html xmlns="http:!//!!www.w3.org/2000/xhtml"> <head>…!</head>

    <body> <p> J.&nnbsp;R.&nnbsp;R. Tolkien !</p> !</body> !</html>
  22. <!DOCTYPE html [ <!ENTITY nnbsp "&#x202F;"> <!ENTITY SZlig "ẞ"> ]>

    <html xmlns="http:!//!!www.w3.org/2000/xhtml"> <head>…!</head> <body> <p> J.&nnbsp;R.&nnbsp;R.&nbsp;Tolkien: DER SCHMIED VON GRO&SZlig;HOLZINGEN !</p> !</body> !</html>
  23. TIL about XHTML

  24. None
  25. TIL ab. CSS escapes

  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. TIL about SVG in JS

  35. TIL about BVG in JS

  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. TIL about SVG in JS

  43. TIL about XHTML

  44. TIL ab. CSS escapes

  45. None