MediaWiki編集におけるhtml5対応については Help:ウィキテキストにおけるHTML を参照。
HTML5（エイチティーエムエルファイブ）とは、HTML 4.01の後継としてW3Cにより2014年に勧告された規格である2019年にW3CとWHATWGは「HTML Living StandardをHTMLとDOMの唯一の標準とし、W3Cは今後HTMLとDOMに関する標準の策定を行わない」旨合意したことを発表しました。この事により2021年6月現在のHTML5の（唯一の）標準は、HTML Living Standardのみとなっています。。
人が見てもコンピュータが見ても解読しやすい構造とするため、デザインに関係する部分はスタイルシートに記述し、要素や属性でデザインを指定することはしないという姿勢がより徹底された。そのためfont要素やcenter要素などいくつかの要素が廃止され、table要素におけるwidth属性やalign属性なども廃止された。HTML4.01で非推奨であったb要素やu要素などは復活している（非推奨が外された）が、要素の意味づけが変更されている。header, main, section, article, nav, aside, footerなどセクショニング要素が新たに追加され、文書構造をより簡潔に記述できるようになった。
マルチメディアへの対応も目的の一つであり、audio, video, embedなどの要素が追加された。
簡単なページ
簡単なページ
ホーム
このサイトについて
実績
お問い合わせ
はじめに
このサイトは簡単なページのサンプルです。
概要
このページはサンプルです。
コラム
コラムのような余談はASIDE要素に記述します。
DOCTYPE宣言は、ドキュメントの種類を宣言します。HTML4では、この要素内で「!DOCTYPE html」以降にDTDによるスキーマが参照する仕様でしたDTDでスキーマを参照しているのでHTML4はSGMLに基づいていると言えます。。しかしHTML5では  だけにするように決まりましたDTDをDOCTYPE宣言に含まなくなったことにより、HTML5は最早SGMLではなくなり。この事は使用できる文字列実体参照の相違などに影響します。。
audio要素はオーディオを再生、video要素は動画を再生する。embed要素やobject要素による埋め込みと異なり、この方法ではプラグインを介さずブラウザの機能で直接マルチメディアの再生を行うことが出来る。ただし、ブラウザにより対応フォーマットは異なる。
audio要素とvideo要素のマークアップ例:
    （ここに未対応環境への代替コンテンツ）
    （ここに未対応環境への代替コンテンツ）
canvas要素はダイナミックなビットマップ（ベクター）画像を描画する。二次元コンピュータグラフィックスはCanvas APIにより実現されhttps://html.spec.whatwg.org/multipage/canvas.html#2dcontext 、ハードウェアアクセラレーションされた二次元及び三次元コンピュータグラフィックスはWebGLを用いて実現される。
書式
（ここに未対応環境への代替コンテンツ）
JavaScriptを使用するとcanvasに画像を描くことができる。
挿入するJavaScriptコード例
var ctx    = canvas.getContext("2d");
ctx.fillStyle = "rgb(0,0,200)";
ctx.fillRect(100, 100, 200, 200);
JavaScriptは下記のようにcanvas要素と組み合わせて使用できます。
HTMLでのJavaScriptとcanvasの組み合わせの例
簡単なページ
なお、上記のコードは、実行するとブラウザ画面に青い長方形を描きます。
 ctx.fillStyle = "rgb(0,0,200)";
では色指定を行っています。0〜255の範囲で赤・緑・青の色見をそれぞれ指定しています。
 ctx.fillRect(100, 100, 200, 200);
の書式は、上記htmlコード例の設定なら、
 ctx.fillRect(始点x座標, 始点y座標, 横幅, 縦幅);
です。（第3引数と第4引数は、終点の座標位置ではないので、混同しないように注意しましょう。）
requestAnimationFrame は、ブラウザに次の再描画が行われるタイミングで指定したコードを実行するためのメソッドです。これはブラウザが持つ最適化されたアニメーション制御の仕組みを利用することができ、特にアニメーションや描画の際に使用されます。
一般的に、アニメーションを setInterval や setTimeout を使って実装すると、一定間隔でコードが実行されるため、描画フレームレートやブラウザの最適化に影響を与えることがあります。しかし、requestAnimationFrame を使うと、ブラウザが次の再描画を行う直前にコードを実行するため、フレームレートやパフォーマンスを向上させることができます。
requestAnimationFrame を使用した基本的なアニメーションの流れは以下のようになります：
アニメーションの開始: requestAnimationFrame を最初に呼び出してアニメーションを開始します。
再帰的な処理: 毎フレームごとに実行される関数（通常は animate 関数など）を定義します。この関数内で、次の描画フレームの内容を記述します。
描画: 毎フレームごとに実行される関数内で、要素の描画を行います。通常は Canvas 要素などを操作して描画を更新します。
再帰的な呼び出し: 描画の内容を更新した後、再び requestAnimationFrame を使って次のフレームの描画を要求します。これにより、連続的なアニメーションが実現されます。
以下は、requestAnimationFrame を使ったCANVAS要素とJavaScriptを使ったアニメーションの例です：
 
[https://plnkr.co/edit/3EHfz7Z0v2R6dSPO?open=lib%2Findex.html 簡単なCanvasアニメーション]:
CANVAS要素とJavaScriptを使ったアニメーション
この方法を使うと、ブラウザが最適なタイミングでアニメーションを行うため、滑らかなアニメーションやパフォーマンスの向上が期待できます。
１つ前の例では、CANVAS要素とJavaScriptを使ってアニメーションを実現しましたが、CSSだけでもアニメーションを実現できます。
[https://plnkr.co/edit/hH5OQHxGBV3DhbFM?open=lib%2Findex.html CSSを使ったアニメーション]:
CSSアニメーション
Canvas要素とJavaScriptを使用したアニメーションとCSSアニメーションのどちらが優れているかは、使用するケースや特定のニーズによって異なります。一般的には、それぞれの方法には特徴があります。
CanvasとJavaScriptを使用したアニメーションの利点：
柔軟性: JavaScriptを使用すると、アニメーションのフレームごとの制御や複雑な計算を行うことができます。これにより、細かい動きや独自のアニメーションを実装することができます。
動的な描画: Canvasは動的な描画に適しており、リアルタイムのインタラクションやゲームなど、リアルタイム性が重要な場合に有用です。
一方、CSSアニメーションの利点：
簡潔さと効率性: CSSアニメーションはプロパティの変更を簡単に行え、ブラウザによってハードウェアアクセラレーションが行われるため、パフォーマンスが向上することがあります。
シンプルなアニメーションに適している: CSSアニメーションはシンプルなトランジションや基本的なアニメーションに適しています。例えば、ボタンのホバーエフェクトや基本的な要素の移動など。
選択は、プロジェクトの目的や要件、そして実装するアニメーションの複雑さによって変わります。複雑なアニメーションや動的な描画を行う場合はCanvasとJavaScriptを使うことが適していますが、単純なアニメーションや基本的なトランジションの場合はCSSアニメーションが手軽かもしれません。
HTML4.01にあった要素と属性が、HTML5ではいくつか廃止されました[https://html.spec.whatwg.org/ HTML Living Standard — Last Updated 22 July 2022](access-date: 2022-07-26)
。
HTML5では、タイプフェース・グリフ・斜体などのスタイル・色や各種描線などの物理修飾を意味する要素が廃止されました。
廃止された機能は、スタイル シートやスクリプトなどを使って、ドキュメント構造の外で定義することになります。
s 要素は、廃止が取り沙汰されましたが、類似機能の strike 要素は廃止され、s 要素は存続となりました。
HTML5では、いくつかの要素に対する属性が廃止されました。
HTML5では、さまざまな新しい属性が追加されました。その中には、要素や要素のdownload属性などがあります。
要素： 要素は、詳細情報を含むコンテンツを作成するために使用されます。通常、折りたたまれた状態で表示され、ユーザーがクリックすると詳細を表示できます。
詳細を見る
ここに詳細な情報が入ります。
要素のdownload属性： 要素のdownload属性は、リンク先のリソースをダウンロードする際のファイル名を指定するために使用されます。通常、この属性を使用すると、リンクをクリックしたときにブラウザがファイルをダウンロードします。
PDFファイルをダウンロード
 
これらの属性は、ウェブページをよりインタラクティブにしたり、ユーザーエクスペリエンスを向上させるために使用されます。
ヘッダー（ページ上部に表示される部分・rtlの場合はページの右）を構成する文章要素。
footer要素はフッタ（ページ下部に表示される部分・rtlの場合はページの左）を構成する文章要素。
コラムやサイドバーなど、主要なテーマを構成しなし文章要素。
主要な文章要素。
その内容だけで独立できる内容
複数の記事で構成されるところに使う。
nav要素は、他のページやページ内の一部にリンクする、ナビゲーションリンクを持つセクションを表します。
図表。
figure要素のキャプション。
nav要素は、その項目が目次や索引であることを知らせる。
パンくずリストを作るために用いることができる。