<dialog> By Alan Nguyen
What is <dialog> and its purpose? The <dialog> tag defines a dialog box or window. The purpose of the dialog element is to make it easier to create popup dialogs on a web page. The dialog box will be able to appear within the active browser window.
What Browsers supports <dialog>? On computers, the browsers that supports the <dialog> element are Google Chrome 37.0, Firefox 59.0, Safari 6.0, and Opera 24.0. On phones, only Google Chrome 37.0 and Firefox 59.0 supports the <dialog> element.
Did <dialog> replace an existing HTML element? <dialog> did not replace any existing HTML element as it is a new tag in HTML5. However, before people used jQuery plugin like UI dialog, Twitter Bootstrap Modal, or Popeasy in order to create a dialog box. Now people mostly use the <dialog> element for HTML because it is much easier to create a dialog box.
Works Cited Firdaus, Thoriq. “Creating Modal Window Easily With HTML5 Dialog” Hongkiat, 2017, 26 October. https://www.hongkiat.com/blog/html5-dialog-window/ “HTML <dialog> Tag” w3schools.com, 12, January 2018. https://www.w3schools.com/TAGS/tag_dialog.asp “HTML 5 <dialog> Tag” Quackit, 2, March 2018. https://www.quackit.com/html_5/tags/html_dialog_tag.cfm Woods, Adam. “dialog HTML Tag” HTML.com, 2018. https://html.com/tags/dialog/