1. pre 태그
| 태그 | 속성 | 설명 |
| <pre> </pre> | 작성된 텍스트의 스페이스, 탭, 엔터 등 모든 공백 요소들이 입력한 텍스트대로 웹 페이지에 출력된다. |
[VS Code]
<body>
<h1>pre 태그</h1>
<pre>
pre 태그에 텍스트를 작성하면 스페이스, 탭, 엔터 등
모든 공백 요소들이 이와 같이 화면에 그대로 적용됩니다.
때문에 pre 태그는 아래의 아스키 아트(Ascii art)들처럼
공백요소들을 적극 활용해야 하는 경우 유용하게 사용될 수 있습니다.
하지만 스크린 리더는 pre 태그의 내용을 읽지 않으므로
접근성을 위해 추가적인 조치가 필요하죠.
이 부분은 HTML 심화편에서 다루겠습니다.
</pre>
<pre>
,d888a ,d88888888888ba. ,88"I) d
a88']8i a88".8"8) `"8888:88 " _a8'
.d8P' PP .d8P'.8 d) "8:88:baad8P'
,d8P' ,ama, .aa, .ama.g ,mmm d8P' 8 .8' 88):888P'
,d88' d8[ "8..a8"88 ,8I"88[ I88' d88 ]IaI" d8[
a88' dP "bm8mP8'(8'.8I 8[ d88' `" .88
,88I ]8' .d'.8 88' ,8' I[ ,88P ,ama ,ama, d8[ .ama.g
[88' I8, .d' ]8, ,88B ,d8 aI (88',88"8) d8[ "8. 88 ,8I"88[
]88 `888P' `8888" "88P"8m" I88 88[ 8[ dP "bm8m88[.8I 8[
]88, _,,aaaaaa,_ I88 8" 8 ]P' .d' 88 88' ,8' I[
`888a,. ,aadd88888888888bma. )88, ,]I I8, .d' )88a8B ,d8 aI
"888888PP"' `8""""""8 "888PP' `888P' `88P"88P"8m"
</pre>
</body>[웹 페이지 출력]
2. iframe 태그
웹 사이트 안에 또다른 창을 띄워서 거기에 웹 사이트를 구현
하지만 보안상의 clickjacking 이슈로 인해 사용하지 않음.
| 태그 | 속성 | 설명 |
| <iframe> </iframe> | src | 웹 페이지 속 새로운 창(iframe)에서 접속할 페이지의 url 입력. |
| <iframe> </iframe> | width | 새로운 창의 가로 넓이 |
| <iframe> </iframe> | height | 새로운 창의 세로 높이 |
| <iframe> </iframe> | title | iframe의 설명. |
| <iframe> </iframe> | frameborder | iframe 주변의 테두리를 표시할 지 여부 0은 표시하지 않음. 1은 표시함 |
| <iframe> </iframe> | allow | iframe에게 특정 허용 사항 지정. |
| a<iframe> </iframe> | allowfullscreen | iframe 내의 컨텐츠가 전체 화면 모드로 전환할 수 있음을 허용. |
3. 기타 태그
| 태그 | 설명 |
| <kbd> </kbd> | 키보드 모양의 텍스트 설정 |
| <dfn> </dfn> | 특정 맥락에서 정의, 설명하고 있는 용어를 나타낼 때 사용 |
| <small> </small> | 텍스트를 작게 표시하는데 이용 |
'프론트엔드 학습 > HTML' 카테고리의 다른 글
| 12. span, div, tr, td 태그 (0) | 2023.07.03 |
|---|---|
| 10. textarea, option선택지, meter수치 (0) | 2023.07.03 |
| 9. form, fieldset, label, input 입력 (0) | 2023.07.03 |
| 8. HTML - 다른 곳으로 링크 (0) | 2023.07.02 |
| 7. HTML - 표(테이블) 사용하기 (0) | 2023.06.30 |
