• 회원가입
  • 로그인

[Style Semantic] HTML5 - <dialog> - 대화 박스 : IE나 파이어폭스는 아직 지원 안 함. 크롬, 사파리, 오페라 최신만 지원.

예제

<table>
  <tr>
    <th>HTML <dialog open>HTML부터 시작</dialog></th>
    <th>CSS</th>
    <th>JS</th>
  </tr>
  <tr>
    <td>필수</td>
    <td>필수</td>
    <td>필수</td>
  </tr>
</table>


결과보기


정의

대화 상자 팝업이나 모달창을 간단히 띄울 때 사용



비고

1. 시작태그와 종료태그로 구성

2. HTML5에 새로 도입

3. 엣지, 익스플로러, 파이어폭스는 아직 지원 안 함.  크롬, 사파리, 오페라 최신 버전만 지원

4. HTML 전역속성과 이벤트 속성 지원



속성과 속성값
 속성  속성값  설명  비고
 open  open  팝업 대화 상자를 활성화 시켜 유저와 상호작용할 수 있도록 함.  HTML5에서 도입



분류 제목
입문 HTML - 발전사 (HTML 4.01 → XHTML → HTML5.0)
입문 HTML - 태그 기본 문법 ★
basic HTML - <!DOCTYPE> DTD (문서 타입 선언) ★★
basic HTML - <html> HTML 문서임을 선언 ★
basic HTML - <body> 브라우저에 보일 문서 영역 표시 ★
font HTML - <h1> ~ <h6> 문단 제목 글씨 크기 ★
basic HTML - <p> 글의 단락이나 문단 표시 ★
basic HTML - <br> 줄 바꿈 ★
basic HTML - <hr> 주제 다른 문단 구분 수평선(=가로선) - (HTML5 일부 속성 삭제) ★
basic HTML - <!--주석 내용--> 주석 처리 ★
Formatting HTML - <acronym> 두문자어 : STF (IE6 이상) - (HTML5 지원 X)
Formatting HTML - <abbr> 축약어 : STF (IE7 이상)
Formatting HTML - <address> 문서 작성자나 소유자의 연락처
font HTML - <b> 굵은 글씨 (일반)
Formatting HTML - <bdo> 텍스트 출력 방향
목록
모바일 버전으로 보기