06 Inline Elements

• 기본값은 두껍게 처리

• css를 할 때, display: block; 으로 해야할 경우 종종 있다.

1. a(anchor, 외부로 내보냄)

   • href:

     링크url, 다른페이지, 같은페이지 내 위치(#, id attribute의 값을 이용),

     파일, 이메일주소, 전화번호 등등 하이퍼 링크

     • 팁: url에 id값을 붙여서 처음에 해당 id가 있는 위치부터 load되게 할 수 있음.

   • target: _self, _blank

   • rel: license, prev, next

2. abbr(abbreviation): 약어를 지정.

   • title: 약어

3. b : 읽기의 흐름에 도움,범위 지정 두껍게

4. mark: 하이라이팅, 관심끌기

5. em(emphasis): 의미강조 의미, 중첩 가능, 중첩될수록 강한 의미, 이탤릭체

6. strong: 의미의 중요성, 글자 두껍게

7. i : 평범한 글자와 구분(아이콘이나 특수기호 같은것들)

8. dfn(definition): 용어를 정의할 때 사용.

9. cite: 창작물에 대한 참조(책, 논문, 영화, TV프로그램, 노래 등 제목), 이태릭체

10. q(inline quotation): 짧은 인용문 설정

11. u(underline): 밑줄, 순수하게 꾸미는 용도의 요소. sapn 활용할때는 권장안함

12. code: 컴퓨터 코드 범위를 설정. monospace 글꼴

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

14. sup, sub(supersubscript, subscript): 위첨자, 아래첨자

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

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

17. br: 줄바꿈 설정. 간격을 위해서 사용하지 말 것!!

18. del: 삭제된(변경된) 텍스트의 범위를 지정. 중앙선으로 표기

19. ins: 새로 추가된 (변경된) 텍스트의 범위 지정. 밑줄로 표기