[HTML] 텍스트 정의 요소들
2023. 3. 7. 00:48ㆍ기술 창고/HTML
728x90
SMALL
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>텍스트 정의 요소들</title>
</head>
<body>
<h1>텍스트 정의 요소들</h1>
<p>
문장 중 일부를 <b>강조</b>하고자 할 때 사용하는
<i>태그들</i>
</p>
<p>
문장 중 일부를 <strong>강조</strong>하고자 할 때 사용하는
<em>태그들</em>
</p>
<p>
<abbr title="HyperText Markup Language">HTML</abbr>은
제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만
아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을
제공한다.
</p>
<p>
<dfn title="텍스트 대신에 그 자리에 이미지를 보여지도록 하는 기법">IR 기법</dfn>을
사용하면 검색에 용이하다.
</p>
<p>
<blockquote cite="https://www.wah.or.kr:444/Accessibility/define.asp">
<p>
월드 와이드 웹을 창시한 팀버너스 리는 웹이란 '장애나 구애 없이 모든 사람들이
손쉽게 정보를 공유할 수 있는 공간' 이라고 정의하였으며, 웹 컨텐츠를 제작할
때에는 장애에 구애됨이 없이 누구나 접근할 수 있도록 제작하여야 한다고 하였다.
</p>
</blockquote>
</p>
</body>
</html>
<!--
# <b>, <i> = 각각 강조, 기울여쓰기가 반영되는 태그이나 강조를 하는 것이 아닌 구분을 위한 태그이다.
# <strong>, <em> = 구분을 위한 태그가 아닌 실제로 강조하기 위한 목적의 태그이다.
# <abbr> = 해당 태그를 사용하면 찾고자 하는 단어의 범위를 넓혀 검색되는 범위를 넓힐 수 있다.
위의 코드를 예시로 들자면 title 이라는 속성 안에 있는 텍스트도 범위에 포함되어
더욱 검색되기 쉬워진다.
# <dfn> = abbr 태그와 마찬가지로 title 속성 안에 있는 텍스트가 이 코드가 적용된 사이트를 검색하는데에 있어서
검색 범위를 넓혀준다.
# <blockquote> = 인용문에 대한 태그, cite 속성에 기입된 url에서 인용한 정보라는 것을 명시해준다.
-->- <p> : 하나의 문단을 나타내는 태그. p 태그 이후의 코드 결과들은 개행되어 출력된다.
- <i> : 기울여쓰기 처리하여 강조하는 태그. em 태그와는 다르게 단순한 기울여쓰기 동작만을 명시하는 태그이다. em 태그의 경우는 기울여쓴다라는 목적을 강조하는 태그이다.
- <b> : 문자를 두껍게하여 강조하는 태그. 단순한 강조 동작만을 명시하는 태그이다.
- <strong> : 문자를 두껍게하여 강조하는 태그. b 태그와는 다르게 강조한다는 목적을 가진 태그이다.
- <abbr>, <dfn> : title 속성에 기입한 텍스트 정보를 보여주고 명시하는 태그이다. 실행 후 마우스 커서를 abbr 태그가 적용된 텍스트에 가져다대면 해당 텍스트 정보가 나타난다.
- <blockquote> : 인용문을 위한 태그. cite 속성에 인용하고자 하는 사이트 URL 주소를 넣어 해당 사이트 주소의 정보를 인용한 것임을 나타낸다.
728x90
반응형
LIST
'기술 창고 > HTML' 카테고리의 다른 글
| [HTML] Heading 태그 (0) | 2023.03.07 |
|---|---|
| [HTML] 시멘틱 (semantic) 태그 (0) | 2023.03.07 |
| [HTML] div 태그로 그룹화 (0) | 2023.03.07 |
| [HTML] 태그 블록 인라인 요소 (0) | 2023.03.07 |
| [HTML] 기본적인 태그 블록 요소 (0) | 2023.03.07 |