Presentación de la asignatura

Contenido con una estructura semántica.
Cada apartado tiene significado propio por el tipo de contenedor.
(2 etiquetas HTML5): <section> </section>

Es posible crear zonas de HTML con texto totalmente editable.
El usuario puede modificar, eliminar o añadir el texto sin ninguna limitación.
(se añade 1 atributo HTML5): <...contenteditable=true">

Border-radius
CSS3

Ya es posible crear múltiples bordes redondeados.
Se pueden indicar diferentes suavidades para cada una de las esquinas.
(1 etiqueta CSS3): border-radius: 12px;

Sombras de textos

Es posible crear sombras de una manera muy sencilla, tanto de secciones de la web, como de textos concretos.

(sombras de textos: 1 etiqueta): text-shadow: 2px 2px 10px yellow;
(sombras de apartados: 1 etiqueta): box-shadow: 2px 2px 10px yellow;

Se pueden utilizar tipografías propias, que además son tratadas como texto, no como imagen, y que por lo tanto son totalmente seleccionables y modificables.
(4 etiquetas CSS3, para reconocer la fuente): @font-face (...)
(1 etiqueta CSS3, para usar la fuente): font-family: fuente;

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 <title>HTML5 Logo</title>
   <polygon fill="#E44D26" points="107.644,470.87774.633,100.62 437.367,100.62 404.321,470.
    819 255.778,512"/>
   <polygon fill="#F16529" points="256,480.523 376.03,447.246 404.27,130.894 256,130.894"/>
   <polygon fill="#EBEBEB" points="256,268.217 195.91,268.217 191.76,221.716256,221.716256,
    176.305 255.843,176.305 142.132,176.305 143.219,188.488 154.38,313.627 256,313.627"/>
   <polygon fill="#EBEBEB" points="256,386.15 255.80,386.20 205.227,372.55 201.994,336.333
    177.419,336.333 156.409,336.333 162.771,407.634 255.791,433.457 256,433.399"/>
   <path d="M108.382,0h23.077v22.8h21.11V0h23.078v69.044H152.57v-23.12h-21.11v23.12h-23"/>
   <path d="M205.994,22.896h-20.316V0h63.72v22.896h-20.325v46.148h-23.078V22.896z"/>
   <path d="M259.511,0h24.063l14.802,24.26L313.163,0h24.072v69.044h-22.982V34.822l-15.877,
    24.549h-0.397l-15.888-24.549v34.222h-22.58V0z"/>
   <path d="M348.72,0h23.084v46.222h32.453v22.822H348.72V0z"/>
   <polygon fill="#FFFFFF" points="255.843,268.217 255.843,313.627 311.761,313.627 306.49,
    372.521 255.843,386.191 255.843,433.435 348.937,407.634 349.62,399.962 360.291,280.411
     361.399,268.217 349.162,268.217"/>
   <polygon fill="#FFFFFF" points="255.843,176.305 255.843,204.509 255.843,221.605 255.843
    ,221.716 365.385,221.716
    365.385,221.716 365.531,221.716 366.442,211.509 368.511,188.488 369.597,176.305"/>
 </svg>

El dibujo a tiempo real de imágenes vectoriales SVG y
el funcionamiento del elemento CANVAS.
(La longitud del código depende de la complejidad del dibujo)

Creación de fondos con combinación de imágenes.
(1 etiqueta CSS3): background:url (...)

Más de 150 colores predefinidos con nombres 'recordables'.
(orange, olive, chocolate, gold, silver, tomato, agua, beige...)

Mejor gestión de transparencias.
(1 atributo CSS3): rgba / opacity

Creación de degradados con CSS3.
(Degradados: tiene una mayor complejidad)

Creación de múltiples columnas de texto de una manera muy sencilla y rápida.
(1 etiqueta CSS3 obligatoria y 2 opcionales): column-count: 3;

Audio:

Utilización de vídeo y audio de una manera muy sencilla y sin la necesidad de plugins externos.
(Vídeo: 3-6 líneas de código HTML5 completo)
(Audio: 1-4 líneas de código HTML5 completo)

Ya es posible la creación de transiciones y animaciones realizadas íntegramente en HTML5 y CSS3.
(La longitud del código CSS3 depende de la complejidad de la animación)

Formulario de ejemplo:

Los nuevos formularios tienen múltiples <inputs> para facilitar la introducción de la información, así como autovalidación y atributos que facilitan enormemente el trabajo.

Almacenamiento de datos local que sustituye y mejora ampliamente la limitación de las cookies.
(Código javascript: 3-10 líneas, dependiendo de la complejidad)