JDK and HTML

[scientificware]

The state of art & WHATWG :

• The HTML state of art is defined by WHATWG community through the HTML Living Standard. The Web Hypertext Application Technology Working Group (WHATWG) is a community of people interested in evolving the web through standards and tests.
• No more specification Level but a continous integration HTML Living Standard
• With a date of update.
  • Latest version of HTML
  • Latest version of HTML 4

HTML4 vs HTML (HTML5)

Tag	HTML4	:arrow_right:	HTML5
\<a>	:heavy_check_mark:	:heavy_check_mark:
\<abbr>	:heavy_check_mark:
ADDRESS	:heavy_check_mark:	:heavy_check_mark:
APPLET	:heavy_check_mark:
AREA	:heavy_check_mark:	:heavy_check_mark:
\<article>	:heavy_check_mark:
\<aside>	:heavy_check_mark:
\<audio>	:heavy_check_mark:	:heavy_check_mark:
B	:heavy_check_mark:	:heavy_check_mark:
BASE	:heavy_check_mark:	:heavy_check_mark:
BASEFONT	:heavy_check_mark:	CSS
\<bdi>	:heavy_check_mark:
\<bdo>	:heavy_check_mark:
BIG	:heavy_check_mark:	CSS
BLOCKQUOTE	:heavy_check_mark:	:heavy_check_mark:
BODY	:heavy_check_mark:	:heavy_check_mark:
BR	:heavy_check_mark:	:heavy_check_mark:
\<button>	:heavy_check_mark:
\<canvas>	:heavy_check_mark:
CAPTION	:heavy_check_mark:	:heavy_check_mark:
CENTER	:heavy_check_mark:	CSS
CITE	:heavy_check_mark:	:heavy_check_mark:
CODE	:heavy_check_mark:	:heavy_check_mark:
\<col>	:heavy_check_mark:
\<colgroup>	:heavy_check_mark:
\<data>	:heavy_check_mark:
\<datalist>	:heavy_check_mark:
DD	:heavy_check_mark:	:heavy_check_mark:
\<details>	:heavy_check_mark:
DFN	:heavy_check_mark:	:heavy_check_mark:
\<dialog>	:heavy_check_mark:
DIR	:heavy_check_mark:	replaced by \<ul>
DIV	:heavy_check_mark:	:heavy_check_mark:
DL	:heavy_check_mark:	:heavy_check_mark:
DT	:heavy_check_mark:	:heavy_check_mark:
EM	:heavy_check_mark:	:heavy_check_mark:
\<embed>	:heavy_check_mark:
\<fieldset>	:heavy_check_mark:
\<figcaption>	:heavy_check_mark:
\<figure>	:heavy_check_mark:
FONT	:heavy_check_mark:	CSS
\<footer>	:heavy_check_mark:
FORM	:heavy_check_mark:	:heavy_check_mark:
FRAME	:heavy_check_mark:
FRAMESET	:heavy_check_mark:
H1	:heavy_check_mark:	:heavy_check_mark:
H2	:heavy_check_mark:	:heavy_check_mark:
H3	:heavy_check_mark:	:heavy_check_mark:
H4	:heavy_check_mark:	:heavy_check_mark:
H5	:heavy_check_mark:	:heavy_check_mark:
H6	:heavy_check_mark:	:heavy_check_mark:
HEAD	:heavy_check_mark:	:heavy_check_mark:
\<header>	:heavy_check_mark:
HR	:heavy_check_mark:	:heavy_check_mark:
HTML	:heavy_check_mark:	:heavy_check_mark:
I	:heavy_check_mark:	:heavy_check_mark:
\<iframe>	:heavy_check_mark:
IMG	:heavy_check_mark:	:heavy_check_mark:
INPUT	:heavy_check_mark:	:heavy_check_mark:
:white_small_square: <input type="button">	:construction:	:heavy_check_mark:
:white_small_square: <input type="checkbox">	:heavy_check_mark:	:heavy_check_mark:
:white_small_square: <input type="color">	:construction:	:heavy_check_mark:
:white_small_square: <input type="date">	:heavy_check_mark:
:white_small_square: <input type="datetime-local">	:construction:	:heavy_check_mark:
:white_small_square: <input type="email">	:heavy_check_mark:
:white_small_square: <input type="file">	:heavy_check_mark:	:heavy_check_mark:
:white_small_square: <input type="hidden">	:heavy_check_mark:	:heavy_check_mark:
:white_small_square: <input type="image">	:heavy_check_mark:	:heavy_check_mark:
:white_small_square: <input type="month">	:heavy_check_mark:
:white_small_square: <input type="number">	:heavy_check_mark:
:white_small_square: <input type="password">	:heavy_check_mark:	:heavy_check_mark:
:white_small_square: <input type="radio">	:heavy_check_mark:	:heavy_check_mark:
:white_small_square: <input type="range">	:heavy_check_mark:
:white_small_square: <input type="reset">	:heavy_check_mark:	:heavy_check_mark:
:white_small_square: <input type="search">	:heavy_check_mark:
:white_small_square: <input type="submit">	:heavy_check_mark:	:heavy_check_mark:
:white_small_square: <input type="tel">	:heavy_check_mark:
:white_small_square: <input type="text">	:heavy_check_mark:	:heavy_check_mark:
:white_small_square: <input type="time">	:heavy_check_mark:
:white_small_square: <input type="url">	:heavy_check_mark:
:white_small_square: <input type="week">	:heavy_check_mark:
\<ins>	:heavy_check_mark:
ISINDEX	:heavy_check_mark:
KBD	:heavy_check_mark:	:heavy_check_mark:
\<legend>	:heavy_check_mark:
LI	:heavy_check_mark:	:heavy_check_mark:
LINK	:heavy_check_mark:	:heavy_check_mark:
\<main>	:heavy_check_mark:
MAP	:heavy_check_mark:	:heavy_check_mark:
\<mark>	:heavy_check_mark:
\<math>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mi>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mn>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mo>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mtext>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mspace>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<ms>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mrow>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mfrac>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<msqrt>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mroot>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mstyle>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<merror>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<ppadded>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mphantom>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mfenced>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<menclose>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<msub>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<msup>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<msubsup>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<munder>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mover>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<munderover>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mmultiscripts>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mtable>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mlabeledtr>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mtr>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mtd>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<maligngroup>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<maglignmark>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mstack>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mlongdiv>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<msgroup>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<mscarries>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<msline>	1	:heavy_check_mark:
:white_small_square: math :arrow_forward: \<maction>	1	:heavy_check_mark:
MENU	:heavy_check_mark:
META	:heavy_check_mark:	:heavy_check_mark:
\<meter>	:heavy_check_mark:
\<nav>	:heavy_check_mark:
NOBR	:heavy_check_mark:
NOFRAMES	:heavy_check_mark:
\<noscript>	:heavy_check_mark:
OBJECT	:heavy_check_mark:	:heavy_check_mark:
OL	:heavy_check_mark:	:heavy_check_mark:
\<optgroup>	:heavy_check_mark:
OPTION	:heavy_check_mark:	:heavy_check_mark:
\<output>	:heavy_check_mark:
P	:heavy_check_mark:	:heavy_check_mark:
PARAM	:heavy_check_mark:	:heavy_check_mark:
PRE	:heavy_check_mark:	:heavy_check_mark:
\<progress>	:heavy_check_mark:
\<q>	:heavy_check_mark:
\<rp>	:heavy_check_mark:
\<rt>	:heavy_check_mark:
\<ruby>	:heavy_check_mark:
S	:heavy_check_mark:	:heavy_check_mark:
SAMP	:heavy_check_mark:	:heavy_check_mark:
SCRIPT	:heavy_check_mark:	:heavy_check_mark:
\<section>	:heavy_check_mark:
SELECT	:heavy_check_mark:	:heavy_check_mark:
SMALL	:heavy_check_mark:	:heavy_check_mark:
\<source>	:heavy_check_mark:
SPAN	:heavy_check_mark:	:heavy_check_mark:
STRIKE	:heavy_check_mark:
STRONG	:heavy_check_mark:	:heavy_check_mark:
STYLE	:heavy_check_mark:	:heavy_check_mark:
SUB	:heavy_check_mark:	:heavy_check_mark:
\<summary>	:heavy_check_mark:
SUP	:heavy_check_mark:	:heavy_check_mark:
\<svg>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<a>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<circle>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<clipPath>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<defs>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<desc>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<ellipse>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feBlend>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feColorMatrix>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feCoponentTransfer>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feComposite>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feConvolveMatrix>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feDiffuseLighting>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feDisplacemntMap>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feDistantLight>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feDropShadow>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feFlood>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feFuncA>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feFuncB>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feFuncG>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feFuncR>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feGaussianBlur>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feImage>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feMerge>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feMergeNode>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feMorphology>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feOffset>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<fePointLight>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feSpecularLighting>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feSpotLight>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feTile>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<feTurbulence>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<filter>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<foreignObject>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<g>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<image>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<line>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<linearGradient>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<marker>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<mask>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<metadata>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<mpath>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<path>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<pattern>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<polygon>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<polyline>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<radialGradient>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<rect>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<script>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<stop>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<style>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<switch>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<symbol>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<text>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<textPath>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<title>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<tspan>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<use>	:heavy_check_mark:
:white_small_square: svg :arrow_forward: \<view>	:heavy_check_mark:
TABLE	:heavy_check_mark:	:heavy_check_mark:
\<tbody>	:heavy_check_mark:
TD	:heavy_check_mark:	:heavy_check_mark:
\<template>	:heavy_check_mark:
TEXTAREA	:heavy_check_mark:	:heavy_check_mark:
\<tfoot>	:heavy_check_mark:
TH	:heavy_check_mark:	:heavy_check_mark:
\<thead>	:heavy_check_mark:
\<time>	:heavy_check_mark:
TITLE	:heavy_check_mark:	:heavy_check_mark:
TR	:heavy_check_mark:	:heavy_check_mark:
\<track>	:heavy_check_mark:
TT	:heavy_check_mark:
U	:heavy_check_mark:	:heavy_check_mark:
UL	:heavy_check_mark:	:heavy_check_mark:
VAR	:heavy_check_mark:	:heavy_check_mark:
\<video>	:heavy_check_mark:
\<wbr>	:heavy_check_mark:

HTML5 DTD An experiment on SGML-based syntax for HTML5

• Its DTD generator

sgmljs

• SGML HTML5 DTD Reference
• SGML HTML5.2 DTD Reference

OASIS

Which HTML tags are supported in Swing components ?

HTMLEditorKit and Custom tags in the JEditorPane

[scientificware]

Deyan Ginevdeyan.ginev@gmail.com À www-math@w3.org
FFL: CSS-like selectors for web mathematics 00:27

Hi everyone,

Busy week for math-related enhancements! I also wanted to share a new HCI (human-computer interaction) project by the University of Pennsylvania. It attempts to improve the ergonomics of writing CSS styling rules for math subterms - especially setting "color", which seems to be gaining prominence in recent years.

As you'll notice, the project isn't MathML-centered, but tries to amalgamate together LaTeX syntax and CSS syntax (with a transpiler step that auto-generates a "class" attribute).

Talk video (recommended!): https://youtu.be/PkXHuPkatpk?t=566 Paper: https://bit.ly/ffl-paper Demo: https://bit.ly/try-ffl

It is easy to be reminded of a post by Brian on this general subject (which I also shared with the author): https://bkardell.com/blog/CSSLike.html

Enjoy, Deyan