메뉴 보이기
Profile
이온디

2018.01.07

HTML5

HTML5 New Elements - New Semantic/Structural Elements

조회 수 35 추천 수 0

New Elements in HTML5


New Semantic/Structural Elements

HTML5 offers new elements for better document structure:

TagDescription
<article>Defines an article in a document
<aside>Defines content aside from the page content
<bdi>Isolates a part of text that might be formatted in a different direction from other text outside it
<details>Defines additional details that the user can view or hide
<dialog>Defines a dialog box or window
<figcaption>Defines a caption for a <figure> element
<figure>Defines self-contained content
<footer>Defines a footer for a document or section
<header>Defines a header for a document or section
<main>Defines the main content of a document
<mark>Defines marked/highlighted text
<menuitem> Defines a command/menu item that the user can invoke from a popup menu
<meter>Defines a scalar measurement within a known range (a gauge)
<nav>Defines navigation links
네비게이션 링크 정의
<progress>Represents the progress of a task
<rp>Defines what to show in browsers that do not support ruby annotations
<rt>Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>Defines a ruby annotation (for East Asian typography)
<section>Defines a section in a document
<summary>Defines a visible heading for a <details> element
<time>Defines a date/time
<wbr>Defines a possible line-break

Read more about HTML5 Semantics.

https://www.w3schools.com/html/html5_semantic_elements.asp


Profile
7
Lv
이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

0개의 댓글

에디터
번호 제목 날짜 조회 수
공지 [웹표준] 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018.01.03 109
공지 [jQuery] jQuery를 배울수 있는 동네들입니다. 2013.08.09 19182
공지 [미분류] 관련 링크 2010.05.23 33799
160 [Script] iframe 자동 리사이즈 6 2007.04.16 13615
159 Table to DIV 5 2008.12.25 3580
158 [HTML5] 이미지 롤오버 2 2007.04.17 8581
157 DIV와 Table for Layout 에 대한 코딩 이야기 2 2009.01.03 4201
156 [Meta] IE6의 이미지(그림) 툴바 기능 막기, 이미지 도구 모음 막기 2 2003.09.21 5159
155 [HTML5] 레이어1은 보이고 레이어2는 감추기 2 2004.04.23 5503
154 [Script] 링크 자동으로 onfocus="blur()" 붙이기 (by 후니) 2 2004.05.05 4474
153 [Form] 인풋 폼 이미지로 대체하기 1 2004.05.21 5208
152 [Script] 게시판 등 에서 웹페이지에서 특정 부분 감췄다보여주기 - 레이어 토글 1 2004.06.04 13644
151 [Script] 롤오버 메뉴 만들기 1 2009.01.18 5881
150 [Script] Iframe 크기 내용에 따라 자동조절하기 (by konahn) 1 2007.04.17 9582
149 [PHP] 사이트 테마 기능 구현하기 1 2007.04.18 5553
148 [Script] DIV 레이어 토글 1 2007.04.21 7834
147 [Script] PNG 알파 필터 사용하기 1 2007.04.21 10392
146 [DIV] 이미지 없이 CSS로 둥근 모서리 구현하기 1 2008.12.31 12379
145 [Script] 화면 왼쪽에 숨겨진 레이어 꺼내기 1 2009.01.20 5608
144 [Script] 단축키 핫키로 원하는 동작을 실행하자 1 2013.09.22 4430
143 [HTML5] dl과 ul의 상하관계(?)에 대해서 질문드립니다. 1 2009.01.20 5136
142 Show-Hide Layers 클릭한 걸 기억하는 (by 알릭) 1 1 2009.02.03 6867
141 [부트스트랩] #2 부트스트랩의 특징 1 2013.03.04 5647