[HTML] CSS로 넘어가기 전에

Yumin Jung·2023년 1월 13일
0

pre 태그

pre 태그에 텍스트를 작성하면 스페이스, 탭, 엔터 등 모든 공백 요소들이 화면에 그대로 적용된다.
때문에 pre 태그는 아스키 아트(Ascii art)들처럼 공백요소들을 적극 활용해야 하는 아주 특별한 경우 유용하게 사용될 수 있다.
일반적으로는 막상 잘 사용하지 않는다.
하지만 스크린 리더는 pre 태그의 내용을 읽지 않으므로 접근성을 위해 추가적인 조치가 필요하다.

사이트 안의 사이트, iframe 태그

역시, 특별한 경우 제외 잘 사용하지 않는다.

  • 보안상의 위험(clickjacking) -> 메이져 웹사이트들은 iframe 안에 못 들어가게 설정해놨음.
  • 사용성 저하 (뒤로가기 문제 등)
  • 검색 최적화 제한
  • 브라우저에 무리

기타 알아둘만한 태그들

kbd 태그

Ctrl + C 와 같이 키보드 입력을 나타낼 때 사용한다.

<kbd>Ctrl</kbd> + <kbd>C</kbd>

dfn 태그

특정 맥락에서 정의, 설명하고 있는 용어를 나타낼 때 사용한다.

<dfn>dfn 태그</dfn>

small 태그

텍스트를 작게 표시하는데 사용된다.
다만, '나 이거 일부러 작게 하는거야' 라는 의미로 작게 하는 것이다. 디자인 요소로 사용하지는 않는다.

<small>텍스트를 작게</small>

아무것도 하지 않는 태그

span태그와 div태그는 특별한 기능이 없는 컨텐츠 주머니이다.
이 둘의 차이는 주머니의 모양차지하는 공간이다.

<h1~6>, <p>, <ul> 등의 태그에서 기능을 빼면 <div>.

이들의 차이를 결정짓는 css요소, inline과 block !!

profile
문과를 정말로 존중해

0개의 댓글