첨부파일 https://eond.com/coding/396253

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


코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 221 articles in 11 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
20 [위지윅에디터] 프로알라 에디터 이모티콘 커스텀 방법 2017/07/25
19 [부트스트랩] 부트스트랩 5열 그리드 2017/12/20
18 [프레임워크] uikit 파일 2017/12/27
현재글 [HTML5] HTML5 New Elements - New Semantic/Structural Elements 2018/01/07
16 [부트스트랩] Bootstrap 3 offset on right not left 2018/04/17
15 [프레임워크] JUI Framework 2018/05/27
14 [프레임워크] 재사용 UI 컴포넌트 설계 (by SK Planet FE개발자 윤지수, 2016/04/04) 2018/05/27
13 [프레임워크] 자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃 2018/05/27
12 [프레임워크] 설계 노하우: UI 컴포넌트 파일 2018/05/27
11 [프레임워크] 베스트 10 리액트 UI 라이브러리(10 Best React UI Library) 파일 2018/05/27
10 [프레임워크] BULMA CSS 프레임워크 2018/08/19
9 [프레임워크] 비밀글 Bulma Customizing 2018/08/27
8 [프레임워크] Bulma CSS Framework Customize with PHPStorm 2018/08/27
7 [프레임워크] Bootstrap VS Bulma 파일 2018/08/29
6 [프레임워크] Bootstrap Customize Site 2018/08/30
5 [프레임워크] [UI Kit] CSS Framework 어떤 것을 사용할 것인가? 출처: https://mobicon.tistory.com/353 [Intelligence Convergence] 파일 2019/03/21
4 [반응형 웹] 모바일 사이드바 만들기 2020/04/10
3 [반응형 웹] 기기별 미디어쿼리 사이즈,모바일 디바이스별 사이즈 파일 2020/05/02
2 Web Fundamentals 2020/05/02

해시태그 디렉터리