HTMLã®<dialog>è¦ç´ ã¨CSSã§ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ»ãƒ€ã‚¤ã‚¢ãƒã‚° ボックスを実装ã™ã‚‹æ–¹æ³•ã¨æ³¨æ„点モーダル・ダイアãƒã‚° ボックスã¯Webサイトやスマホアプリã§ã‚ˆã見ã‹ã‘ã¾ã™ã€‚ã—ã‹ã—ã€ãã®å®Ÿè£…方法ã¯ä½•é€šã‚Šã‚‚ã‚ã‚Šã¾ã™ã€‚ãã®å¤šãã¯Webを視覚的ã«ãƒŠãƒ“ゲートã—ãªã„ユーザーã«ã¨ã£ã¦ã¯å®Ÿè³ªçš„ã«ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒœãƒƒã‚¯ã‚¹ã‚’使用ã§ããšã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã«å®Ÿè£…ã™ã‚‹ã®ã¯å›°é›£ã§ã—ãŸã€‚ HTML 5.2ã§ç™»å ´ã—ãŸæ–°ã—ã„<dialog>è¦ç´ ã¯ã“ã®å•é¡Œã‚’解消ã—ã€å®Ÿè£…方法を迷ã†ã“ã¨ãªãモーダルやダイアãƒã‚° ボックスを利用ã§ãるよã†ã«ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ <dialog>è¦ç´ ã§ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ»ãƒ€ã‚¤ã‚¢ãƒã‚° ボックスを実装ã™ã‚‹æ–¹æ³•ã¨æ³¨æ„点を紹介ã—ã¾ã™ã€‚ Meet the New Dialog Element 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ HTML 5.2ã®æ–°æ©Ÿèƒ½: モーダル・ダイアãƒã‚° ボックスを実装ã™ã‚‹ãŸã‚ã®<dialog>è¦ç´ <dialog>è¦ç´ ã®åŸºæœ¬æ©Ÿèƒ½ <
{{#tags}}- {{label}}
{{/tags}}