HTML을 작성할 때div,span태그만으로 사용하게 된다면 명시되지 않은 영역을 알기 위해 많은 어려움이 생기게 됩니다. 그렇기 때문에 각 요소의 정의가 명확한 Semantic 태그를 사용하여 HTML을 작성하는 것이 권장됩니다.
Semantic Elements
시멘틱 요소는 요소 자체가 사용자와 브라우저에게 사용되는 의미를 전달하고자 할 때 사용됩니다. 다음은 HTML5에서 사용되는 시멘틱 요소입니다.
자주 사용되는 시멘틱 요소
{
"object": "block",
"id": "ea2bdd73-08d6-44fd-9e39-b775b1345d78",
"parent": {
"type": "block_id",
"block_id": "eacc21f0-2f68-49ab-9580-8747dcc89b1e"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<Header>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<Header>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}HTML 문서나 섹션(section) 부분에 대한 헤더(header)를 나타낼 때 사용합니다.
{
"object": "block",
"id": "c81dc5c9-933b-4884-90f1-16df7cd892fb",
"parent": {
"type": "block_id",
"block_id": "423943db-7307-4cf7-961c-ef3b31d30126"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<nav>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<nav>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}HTML 문서 사이를 탐색할 수 있는 링크(link)의 집합을 나타낼 때 사용합니다.
ex) GNB 내의 메뉴
{
"object": "block",
"id": "d849af6a-4928-4168-bbb9-cc9f80155b0b",
"parent": {
"type": "block_id",
"block_id": "cda288b8-b08e-4a76-9cf8-f2a50bed410b"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<main>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<main>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}HTML 문서의 주요 콘텐츠(content)를 정의합니다.
{
"object": "block",
"id": "fec5c2f9-8120-42a3-9d4a-7247df19cd9d",
"parent": {
"type": "block_id",
"block_id": "d2dbea46-c2b6-4fac-bb9c-5a7dbc41b97e"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<aside>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<aside>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}HTML 문서에서 페이지 부분 이외의 컨텐츠(content)를 나타낼 때 사용합니다.
{
"object": "block",
"id": "93a98d61-fcb5-44c7-8ff8-7ca4e105cb6b",
"parent": {
"type": "block_id",
"block_id": "edbe613a-18b6-4a43-8113-364610d3d32b"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<article>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<article>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}HTML 문서에서 내용의 컨텐츠 중에 독립적인 하나의 글 부분을 나타낼 때 사용합니다.
{
"object": "block",
"id": "7c631ab5-b0d5-4bec-a387-c81ce152d7e5",
"parent": {
"type": "block_id",
"block_id": "98f23df9-3804-4df5-9df2-58f4fe8cff39"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<section>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<section>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}HTML 문서에서 섹션 단위로 내용의 컨텐츠를 나타낼 때 사용합니다.
{
"object": "block",
"id": "befc023c-89d4-457c-92a9-712db5369e19",
"parent": {
"type": "block_id",
"block_id": "c204dcbc-fb57-4587-88b0-b3ba23d75c31"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<hgroup>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<hgroup>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}HTML 문서에서 제목을 표시할 때 사용하는 요소로, <h1> ~ <h6> 요소가 <hgroup>입니다.
{
"object": "block",
"id": "8799c137-bbaf-415f-80ef-cad632f9e2b4",
"parent": {
"type": "block_id",
"block_id": "6639ed3d-37df-4e3e-b650-fdc369174cf6"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<footer>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<footer>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}페이지나 요소의 최하단에 위치하는 꼬릿말 영역을 정의합니다.
알아두면 좋은 시멘틱 요소
{
"object": "block",
"id": "d997ee1b-0582-4908-8e04-b7fe23a6f5a6",
"parent": {
"type": "block_id",
"block_id": "044ee3b2-6e49-4e45-ac6f-c06a28f4ec6c"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<figure>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<figure>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}HTML 문서에서 그래픽과 비디오 등의 독립적인 컨텐츠를 나타낼 때 사용됩니다.
{
"object": "block",
"id": "7e5d37cc-5761-4926-9020-6eea6a21d4bc",
"parent": {
"type": "block_id",
"block_id": "b9103db1-3ddd-47f7-b96e-86278bccd581"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<figcaption>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<figcaption>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}figure 요소를 위한 캡션을 나타낼 때 사용합니다.
{
"object": "block",
"id": "d0bb18f9-f2f9-4ad2-9eb3-e5e592e8a36a",
"parent": {
"type": "block_id",
"block_id": "c40db4f2-6e81-4b32-a1fa-1162c5354efe"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<bdi>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<bdi>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}기본 출력방향과는 다른 방향으로 출력되는 텍스트를 나타낼 때 사용합니다.
{
"object": "block",
"id": "f7f9b1d1-18a6-43ad-9fe9-946b887e670c",
"parent": {
"type": "block_id",
"block_id": "0e455d02-e84f-482d-9338-3059e8ae3071"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<mark>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<mark>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}하이라이팅된 텍스트를 정의합니다.
{
"object": "block",
"id": "9361e742-42a3-4e15-8534-616a8c2fe942",
"parent": {
"type": "block_id",
"block_id": "5c0d044c-70f4-40de-85eb-93576f69fc89"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<details>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<details>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}사용자가 보거나 숨길 수 있는 추가적인 설명문을 나타낼 때 사용합니다.
{
"object": "block",
"id": "401fe7d3-cd6d-4dd8-9f7e-51354cd25ad6",
"parent": {
"type": "block_id",
"block_id": "c34fa3af-2824-43b6-ba73-0700fd1bce53"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<summary>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<summary>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}details 요소에 나타날 내용을 정의합니다.
{
"object": "block",
"id": "83a4d65f-4040-4f48-93cd-40b4a8b260ff",
"parent": {
"type": "block_id",
"block_id": "927303d3-7fc6-483e-9c5d-a3e49c59af28"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<dialog>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<dialog>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}다이얼로그(dialog) 박스나 다이얼로그 윈도우를 정의합니다.
{
"object": "block",
"id": "352bdfca-14fc-4fa4-9462-93a91888af18",
"parent": {
"type": "block_id",
"block_id": "e959d103-c659-4cf5-bb8e-f3905cece28b"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<menuitem>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<menuitem>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}사용자가 팝업을 통해 선택할 수 있는 아이템을 나타낼 때 사용합니다.
{
"object": "block",
"id": "1f5e5198-9a9b-4385-9431-435f16d75cb3",
"parent": {
"type": "block_id",
"block_id": "215186af-e21d-4938-bb2f-96275bde3347"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<meter>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<meter>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}정해진 범위 내의 스칼라 치수를 나타낼 때 사용합니다.
<html>
<head>
<title>HTML meter 예제</title>
</head>
<body>
<h1>예제 샘플입니다.</h1>
<p>
그래프:
<meter value="81" min="0" max="100" low="30" high="70" optimum="100">
A+
</meter>
</p>
</body>
<html></html>
</html>
{
"object": "block",
"id": "f4124fbe-6036-46e6-bfd0-313f76290dc3",
"parent": {
"type": "block_id",
"block_id": "309c5e87-8857-4f1f-a063-43713ab46963"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<progress>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<progress>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}작업에 대한 진행 정도를 나타낼 때 사용합니다.
{
"object": "block",
"id": "5ba45cc5-3ca7-40b7-afd5-2b7d25e7aab5",
"parent": {
"type": "block_id",
"block_id": "a6de10e0-2cb4-4b5b-8cc2-6d781494ffec"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<ruby>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<ruby>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}루비(ruby) 문자를 나타낼 때 사용합니다.
루비란? 임의의 문자(보통은 한자)에 대해 읽는 법을 알려주는 문자
{
"object": "block",
"id": "cad0b3aa-6f73-4734-8114-a5c154469642",
"parent": {
"type": "block_id",
"block_id": "e618bb41-d984-4a3b-afa9-3857fead5312"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<rt>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<rt>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}본문 위에 나타낼 문자를 나타낼 때 사용합니다.
{
"object": "block",
"id": "bdc8dfba-e6cf-4192-80e8-0152a516683d",
"parent": {
"type": "block_id",
"block_id": "25d8c4b3-403e-4835-a6c6-6afad860d7f4"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<rp>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<rp>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}루비 문자를 지원하지 않는 브라우저에만 나타날 내용을 나타낼 때 사용합니다.
{
"object": "block",
"id": "00e416b4-0bd1-4e9e-9a19-d029ce8df026",
"parent": {
"type": "block_id",
"block_id": "45980aec-faef-4fb7-b7e2-57a896292b5d"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<time>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<time>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}날짜와 시간을 의미합니다.
{
"object": "block",
"id": "c7884ca9-d6a0-48c7-b0f7-13545777402a",
"parent": {
"type": "block_id",
"block_id": "12921e19-289d-434d-8f94-ad712e9d1876"
},
"created_time": "2026-07-01T14:44:00.000Z",
"last_edited_time": "2026-07-01T14:44:00.000Z",
"created_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"last_edited_by": {
"object": "user",
"id": "2ecd872b-594c-81f7-92e3-000210a8d473"
},
"has_children": false,
"in_trash": false,
"type": "heading_4",
"heading_4": {
"rich_text": [
{
"type": "text",
"text": {
"content": "<wbr>",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": true,
"color": "default"
},
"plain_text": "<wbr>",
"href": null
}
],
"is_toggleable": false,
"color": "default"
},
"archived": false
}br 요소와는 달리 긴 단어가 화면의 맨 끝에 오면 상황에 따라 줄 바꿈 할 곳을 미리 나타낼 때 사용합니다.