🐣TIL 3 - HTML 배우기(2)

2022.03.30 수요일

✨출처를 작성할 때에는 cite 태그를 사용해보자!
✨section 안에 section 태그 중첩 사용 가능하다!

Text-level semantics

• br 태그 : 줄바꿈을 위한 태그 wbr 태그 : 텍스트 박스에서 한 줄로 모두 표시가 안될 때에만 줄바꿈이 일어나게 함
• a 태그 : 링크를 만들 때 사용
  <a href="링크" target="_blank"> 'text' </a>
  컨테이너 형태로 링크를 걸고 싶을 때에는 a 태그 안에 section, article 구조도 가능함.
• b 태그 : 굵은 글꼴을 표현하고 싶을 때 사용, 최근에는 사용x
• strong 태그 : 굵은 글꼴에 중요도를 더해 강조할 때 사용
• i 태그 : 기울임 글꼴 em 태그 : 기울임 글꼴로 표현되지만 강조의 의미
• dfn 태그 : 현재 문맥에서 정의하고 있는 용어를 나타냄. 문서에서 최초로 나타났을 때 사용
• abbr 태그 : 준말, 약자를 나타내고 싶을 때 사용. 보통은 홀로 쓰이고 dfn 태그로 감싸줌

Embedded content

• img 태그 : html 페이지에 이미지를 삽입할 때 사용하는 태그

*src : img 태그의 필수 속성. 브라우저에게 이미지 파일의 위치 및 파일명을 알려줌. 큰따옴표 안에 들어가는 경로는 절대경로이거나 상대경로.

*alt : 이미지가 보이지 않을 때 alt 속성에 적힌 텍스트를 이미지 대신 보여줌.

*srcset : 속성을 사용하면 여러 해상도에 대응하여 브라우저가 최상의 이미지를 로딩하는데 도움을 줄 수 있음. 다양한 크기를 가지는 동일 이미지를 최소 2개 이상 사용할 때 사용하며, 브라우저에게 이미지의 선택권을 위임하는 속성.

점진적 향상 기법

• 기본적으로 예전 기술 환경에서 동작할 수 있는 기능을 구현해두고, 최신 기술을 사용할 수 있는 환경에서는 최신 기술을 제공하여 더 나은 사용자 경험을 제공할 수 있는 방법.

이미지 포맷 종류