dialog要素を使ってモーダルウインドウを作成する方法

dialog要素を使ってモーダルウインドウを作成する方法
今回は、「dialog要素」について書いた記事です。

Webサイトを構成するUIパーツのひとつに、
ダイアログ、もしくはモーダルウインドウと呼ばれているものがありますよね。

みなさんは、Webサイトにモーダルウインドウを実装する際、
htmlタグは何を使って記述しているでしょうか。

dialog要素」は名前が示すとおり、
そのダイアログ(モーダルウインドウ)を表すことができるhtmlタグになります。

私自身、モーダルウインドウを自作する場合、
このdialogタグの使い方を覚えるまでは
普通のdiv要素を使って作成していたのですが、
実際に覚えてみるととても使い勝手が良いことに気づきました。

そんな dialogタグの使い方について、早速次のページのセクションから触れていきたいと思います。

この記事をシェアする:

この記事:dialog要素を使ってモーダルウインドウを作成する方法 を書いた人

tedate.jp を運営しています。都内在住。 Webデザイナー/グラフィックデザイナーになって、通算15年程になります。 皆さまがWeb制作をもっと楽しめるような、良い情報を発信できるように。日々記事を書いています。 Webデザイナーとしての修行時代(受託のWebデザイナー時代)のエピソードを含む、私の「人となり」がある程度わかる記事はこちらにございます。