GN⁺: 모든 HTML 요소
(iamwillwang.com)- HTML 요소는 콘텐츠, 컨테이너, 논리, 예외 케이스까지 다양한 역할을 수행함
- 일부 요소는 시각적으로 보이지만, 그렇지 않은 요소도 있음
- 어떤 요소는 다른 요소와 결합하여 사용되며, 어떤 요소는 브라우저에서만 읽히도록 설계됨
- 일부 요소는 좋은 의도로 만들어졌으나 널리 사용되지 않음
- 참고로, 현재 읽고 있는 내용은
<article></article>요소임
Hacker News 의견
-
최근에 2.9B 페이지의 Common Crawl 데이터셋에서 HTML 태그와 속성 값을 분석한 블로그 게시물을 발표했음. SQLite DB로 상위 1,000개의 태그+속성+값 조합을 다운로드할 수 있음
-
이 게시물은 "A blog post with every HTML element"와 비교할 때 재미있음. 이 게시물은 시각적으로 보여주며 약간 혼란스러울 수 있지만 긍정적으로 평가됨. 반면 다른 게시물은 설명이 많고 다르게 접근함
-
HTML 콘텐츠가 축소되지 않고 각 요소에 대한 주석이 추가되면 유용할 것임
-
<dialog>요소는 "HTML만으로 표시되는 모달 대화상자"라고 설명하지만, JavaScriptdocument.getElementById('my-dialog').showModal()을 사용하여 열리므로 약간 오해의 소지가 있음 -
<ruby>태그를 포함한 것이 마음에 듦. 중국어/일본어 문자를 영어 텍스트로 렌더링할 때 더 많은 페이지가 이를 사용하기를 바람 -
자신이 만든 커스텀 브라우저에서 구현한 커스텀 태그를 언급함
-
브라우저 게임 애호가로서 캔버스를 놓친 것에 대해 시도해볼 것임
-
브라우저가 여러 수준의 재귀적 iframe을 표시할 수 있는 것이 인상적임
-
페이지가 자체 소스 코드를 표시하는 방식으로 구현할 수 있을지 궁금함. 비슷한 예로
<a href="https://no-gravity.github.io/html-quine/index.html">HTML Quine</a>이 있음. 비텍스트 요소는 개별적으로 처리해야 할 수도 있음. 예를 들어, 비디오는 코드에서 자신의 표현을 보여주는 비디오를 표시해야 할 것임