HTML5

http://html5doctor.com/

Semantic Elements

  • <main> – main content of the body / include only 1 per page
  • <header> – introductory or navigational aids
  • <nav> – navigation
  • <section> – thematically related content
  • <article> – self-contained related content eg blog post, story or review
  • <aside> – tangentially related to the content surrounding it
  • <footer>
  • <details><summary>
  • <figure><figcaption>  – image within an article
  • <time datetime=” ” pubdate>
  • <meter min=” ” max=” ” value=” “>
  • <progress value=” ” max=” “>
  • <bdi>
  • <mark>

HTML5 Tags

  • <i> – technical term, idiomatic phrase, transliteration, thought
  • <b> – key words, product names, article lead
  • <em> – stree emphasis
  • <strong> – strong importance

Form Elements

  • <datalist><option>
  • <keygen>
  • <output>

Graphic Elements

Media Elements

  • <audio controls><source src=” “><source src=” “><track kind=” ” label=” ” src=” ” srclang=” “>
  • <video controls width=” “><source src=” “><track kind=” ” label=” ” src=” ” srclang=” “>

Control Settings: autoplay / loop / preload / muted / poster

Audio Formats: WebM, AAC, WAV, MP3, Ogg Vorbis, Ogg Opus

Video Formats: WebM, MP4, Ogg Theora

Property: play / pause / playbackRate / currentTime / duration / progress

Encoding Media: Miro Video Converter

HTML5 Web Components

HTML5 JS API

Advertisements

About bernadetteengleman

Hello, I am Bernadette from New York City. I moved here from Chicago in 2013. I am originally from the Philippines. I started studying web programming in 2015. I love it because I like making fun websites and web apps. The projects that I built so far are posted below. I like to cook and I love to travel. I also like to volunteer and I am a team leader with the non-profit organization, NYCares.
This entry was posted in HTML/CSS and tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.