# 모든 HTML 요소가 포함된 블로그 포스트

> Clean Markdown view of GeekNews topic #10335. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=10335](https://news.hada.io/topic?id=10335)
- GeekNews Markdown: [https://news.hada.io/topic/10335.md](https://news.hada.io/topic/10335.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2023-08-14T10:16:47+09:00
- Updated: 2023-08-14T10:16:47+09:00
- Original source: [patrickweaver.net](https://www.patrickweaver.net/blog/a-blog-post-with-every-html-element/)
- Points: 5
- Comments: 1

## Topic Body

- 블로그 글은 MDN 웹 문서 목록을 참조하여 모든 HTML 요소에 대한 깊이 있는 탐구입니다.
- 저자는 각 HTML 요소의 기능과 사용 사례를 논의하며, 웹사이트 레이아웃에서의 실용적인 예를 제공합니다.
- 또한 글에서는 각 요소의 CSS를 웹사이트 스타일에 맞게 업데이트하는 데 직면한 도전을 강조합니다.
- 저자는 특정 요소들이 종종 잘못 사용되거나 무시되는 방법에 대한 통찰력을 공유하고, 올바른 사용에 대한 팁을 제공합니다.
- 이 블로그 글은 HTML 요소 전체 범위와 그들의 잠재적인 사용을 이해하는 데 귀중한 자원으로 작용합니다.
- 저자는 각 HTML 요소를 자신의 웹사이트에 적용하여 실용적인 사용을 보여줍니다.
- 이 글은 저자의 웹 접근성에 대한 헌신과 HTML의 가능성을 탐구하는 열정을 반영합니다.
- 이 기사는 `<article>`, `<main>`, `<figure>`, `<figcaption>` 등과 같은 덜 흔한 HTML 요소를 포함한 포괄적인 HTML 요소 목록을 제공합니다.
- 저자는 `<marquee>`, `<big>`, `<acronym>`, `<font>`, `<nobr>`, `<strike>` 등과 같은 사용이 중단된 HTML 요소를 강조하며, 이들은 레이아웃 기능을 위해 CSS로 대체되었습니다.
- 기사는 웹 컴포넌트 사양의 일부로 완전히 구현되지 않은 `<content>`와 `<shadow>` 같은 요소도 언급합니다.
- 저자는 디렉토리를 나열하기 위한 `<dir>`의 사용과 `<frame>` 및 `<frameset>`과 같은 일부 사용이 중단된 요소를 렌더링하는 데 필요한 추가 작업에 대해 논의합니다.
- 기사는 2023년에 일부 브라우저에서 작동하는 `<image>` 요소를 다룹니다. 이 요소는 어떤 공식 사양의 일부도 아닙니다.
- 저자는 사용이 중단된 `<menuitem>` 요소의 브라우저 호환성과 `<embed>`이 사양에 유지되는 동안 `<noembed>`의 놀라운 사용 중단에 대해 논의합니다.
- 기사는 `<param>` 요소의 불분명한 목적과 `<plaintext>`, `<xmp>`, `<tt>`의 사용 중단을 언급합니다.
- 저자는 일부 사용이 중단된 요소가 사양의 새로운 추가 사항, 예를 들어 동아시아 문자의 발음을 표시하는 `<rb>` 및 `<rtc>`로 대체되었다고 지적합니다.
- 기사는 MDN 목록에 나열되지 않은 다른 HTML 태그, 예를 들어 `<blink>`, `<spacer>`, `<bgsound>`, `<isindex>`, `<xmp>`, `<tt>`, `<code>`, `<applet>`에 대해 논의하여 마무리합니다.

## Comments



### Comment 18200

- Author: neo
- Created: 2023-08-14T10:16:47+09:00
- Points: 1

###### [Hacker News 의견](https://news.ycombinator.com/item?id=37104742) 
- 블로그 글에서는 모든 HTML 요소를 논의하며, 이 중에는 `<frame>`과 `<frameset>`과 같이 웹 페이지 레이아웃을 여러 개의 독립적으로 작동하는 섹션으로 만드는 데 일반적으로 사용되었던 요소들도 포함되어 있다.
- 저자는 또한 HTML의 역사를 거듭하며 여러 번 폐기되고 재정의된 `<menu>` 요소에 대해서도 논의한다. 현재는 툴바를 비정렬 목록 형태로 나타내는 것으로 정의되어 있다.
- 시각적 콘텐츠를 숨기면서 스크린 리더에게는 접근 가능하게 하는 간단한 CSS 선언의 부재에 대한 비판이 있다. 현재의 방법들은 콘텐츠를 클리핑하거나 페이지 밖으로 배치하는 것을 포함한다.
- `<details>`와 `<summary>` 태그는 중첩될 수 있으며, 한 댓글 작성자는 이를 이용해 선택형 모험 게임을 만들었지만, 이로 인해 큰 HTML 파일이 생성되어 일부 브라우저에서 문제가 발생했다.
- 저자가 과거 HTML 요소를 탐색하는 것은 일부 독자들에게 그립다는 감정을 불러일으켰으며, 이들은 초기 HTML과 언어의 진화에 대한 자신의 경험을 공유했다.
- 일부 댓글 작성자들은 `<dl>`, `<dt>`, `<dd>` 요소에 대해 "설명 목록"이라는 새로운 용어보다 원래의 "정의 목록"이라는 용어를 선호한다고 표현했다.
- 블로그 글은 일부 독자들에게 Kevin Werbach의 Barebones Guide to HTML과 같은 초기 HTML 학습 자료를 떠올리게 했다.
- 의미론적 HTML의 잠재력과 오른쪽 여백에 각주를 구현하는 등 특정 스타일을 구현하기 위한 CSS 지식의 필요성에 대한 논의가 있다.
- 한 댓글 작성자는 Hacker News 댓글이 중첩된 테이블로 구현되어 있다는 것을 발견하고 놀라움을 표현했다.
- 일부 독자들은 HTML이 이제 버전 번호 없이 WhatWG에 의해 유지되는 생동감 있는 표준이라는 점을 지적했다. 이는 W3C의 HTML5 사양이 아니다.
- 블로그 글의 포괄적인 성격은 독자들에게 호평을 받았으며, 한 댓글 작성자는 이를 부풀려진 프레임워크나 라이브러리보다는 기본 HTML 기능을 사용하는 사이드 프로젝트에 특히 유용하다고 발견했다.