HTML 요소 - 인라인 텍스트 & 수정

인라인 텍스트

<a>

다른 페이지, 같은 페이지 위치(#, 해시 태그), 파일, 이메일 주소, 전화번호 등 다른 URL로 연결할 수 있는 하이퍼링크를 설정한다.

 

속성	의미	값	기본값	특징
download	이 요소가 리소스를 다운로드하는 용도로 사용됨을 의미	불린(Boolean)
href	링크 URL	URL		생략 가능
hreflang	링크 URL(페이지) 언어(ISO 639-1)	ko, en .......
rel	현재 문서와 링크 URL의 관계(Link Types)	license, prev, next .......
target	링크 URL의 표시(브라우저 탭) 위치	_self, _blank	_self
type	링크 URL의 MIME 타입	text/html.......

<abbr>

약어를 지정한다. 보통 title 속성을 사용하여 전체 글자나 설명을 제공한다.

Using <abbr title="HyperText Markup Language">HTML </abbr> is fun and easy!

<b>

문체가 다른 글자의 범위를 설정한다.

• 특별한 의미를 가지지  않는다.
• 읽기 흐름에 도움을 주는 용도로 사용한다.
• 다른 태그가 적합하지 않은 경우 마지막 수단으로 사용한다.
• 기본적으로 글자가 두껍게(Bold)로 표시된다.

<mark>

사용자의 관심을 끌기 위해 하이라이팅할 때 사용한다.

• 기본적으로 형광펜을 사용한 것처럼 글자 배경이 노란색으로 표시된다.

<em>

단순한 의미 강조를 표시한다.

• 중첩이 가능하다.
• 중첩될수록 강조 의미가 강해진다.
• 정보통신보조기기 등에서 구두 강조로 발음된다.
• 기본적으로 이탤릭체로 표시된다.

<strong>

의미의 중요성을 나타내기 위해 사용한다.

• 기본적으로 글자가 두껍게(Bold) 표시된다.

<I>

<em>, <strong> <mark> <cite> <dfn> 등에서 표현할 수 있는 적합한 의미가 아닌 경우 사용한다. (평범한 글자와 구분(아이콘이나 특수기호같은)하기 위해 사용한다.)

• 기본적으로 이탤릭체로 표시된다.

<dfn>

용어를 정의할 때 사용한다.

 

<cite>

창작물에 대한 참조를 설정한다.(책, 논문, 영화, TV 프로그램, 노래, 게임 등의 제목)

• 기본적으로 이텔릭체로 표시된다.

<q>

짧은 인용문을 설정한다.

• 긴 인용문을 설정할 경우 <blockquote>를 사용한다.

속성	의미	값
cite	인용된 정보의 URL	URL

 

<u>

밑줄이 있는 글자를 설정한다. (Underline)

• 순수하게 꾸미는 용도의 요소로 사용한다.
• <a>와 헷갈릴 수 있는 위치에서 사용하지 않도록 주의한다.
• <span style="text-decoration: underline;">을 활용할 수 있을 경우에는 사용을 권장하지 않는다.

<code>

컴퓨터 코드 범위를 설정한다.

• 기본적으로 고정폭(Monospace) 글꼴 계열로 표시된다.

<kbd>

텍스트 입력 장치(키보드)에서 사용자 입력을 나타내는 텍스트 범위를 설정한다.

<sup>, <sub>

위 첨자(<sup>)와 아래 첨자(<sub>)를 설정한다.

<time>

날짜나 시간을 나타내기 위한 목적으로 사용한다.

속성	의미	값
datetime	유효한 날짜 문자	Date

• IE는 지원 되지 않는다.

<span>

본질적으로 아무것도 나타내지 않는 콘텐츠 영역을 설정한다.

<br />

줄바꿈을 설정한다.

수정

<del>

삭제된(변경된) 텍스트의 범위를 지정한다.

속성	의미	값
cite	변경을 설명하는 리소스의 URI	URI
datetime	변경이 일어난 유효한 날짜 문자	Date

<ins>

새로 추가된(변경된) 텍스트의 범위를 지정한다.

속성	의미	값
cite	변경을 설명하는 리소스의 URI	URI
datetime	변경이 일어난 유효한 날짜 문자	Date

---

※ 참고 링크

- https://heropy.blog/