HTML/CSS 기본 2일차

✔blockquote
긴호흡의 문단을 한꺼번에 묶어서 인용할 때

✔q
문장 중간에 짧게 인용문 넣고 싶을 때
P태그 내에는 blcok요소이면 자동으로 p태그가 닫혀서 blockquote 사용X -> q만 사용가능

✔pre
고정폭 글꼴을 사용
내부에 있는 내용을 그대로 보여줌

✔figcaption, figure
figcaption태그로 설명을 붙이고 figure태그로 묶어 공통적으로 하나의 덩어리,세트,요소로 보기
들여쓰기가 기본적으로 들어감

✔hr
의미적으로 전환하고 싶을 떄 사용
스타일링할때 html의 속성을 사용해서 하지 않고 css로 하기

✔abbr
약어
title (전역속성) 속성을 붙여 약어가 무슨 의미인지 보여줌, 도트밑줄 들어감

✔address
웹사이트주소, sns주소, 이메일주소, 집주소 등
기울임체로 나옴

✔cite
인용의 출처

✔bdo
텍스트를 반대방향으로 쓸 때 사용

✔b
그렇게 중요하진 않지만 그래도 시각적으로 굵게 표시할 부분
콘텐츠 전체에 X 특정부분만 O

✔strong
높은 중요도를 가진 요소

(앞뒤 내용에 비해 이부분이 엄청 중요한가? 생각, 스크린리더가 다르게 읽음)

✔i
기울임꼴로 표시
주위와 구분해야하는 부분

✔em
기울임꼴로 표시
강조 부분

✔mark
하이라이트
스크린리더가 읽지 못함
내 맘에 와닿는 문구나 검색결과 라던지 정확한 목적이 아니면 사용하지 않기

✔small
덧붙임 글 요소

✔sub
아래 첨자, 화학식, 각주, 수식 등
아래에다 작게 표시

✔sup
위 첨자, 지수,서수 등
위에다가 작게 표시

✔del
삭제된 부분 나타낼 때

✔ins
추가된 부분 나타낼 때

✔code
pre태그랑 비슷하지만 inline 요소로 문장 중간에 넣음
고정폭 글씨체

✔kbd
키보드 입력요소

✔entity 특수문자

< &lt;
> &gt;
" &quot;
' &apos;
& &amp;
spacing &nbsp;

w3c entity검색하기