메타 태그
메타 태그는 head 태그 내에서 작성하는 태그이며, 문서의 키워드, 어떤 문서인지에 대한 설명, 언어 설정 등의 정보를 기입한다.
* 언어 설정
<meta charset="utf-8" />언어 설정을 utf-8로 하면 대부분의 언어가 깨짐 현상 없이 표시됨
언어 설정을 하지 않으면 영어를 제외한 언어들이 깨질 수도 있음
* 키워드 입력
<meta name="keywords" content="해당 웹페이지의 키워드" />키워드는 해당 문서에 사용된 대표 키워드를 입력
* 설명 입력
<meta name="description" content="해당 웹페이지의 설명" />메타 태그의 작성 여부는 웹페이지의 기능에 문제를 일으키지 않지만, 메타 태그를 잘 입력하면 검색 엔진에서 해당 키워드로 검색 시, 상위에 노출될 확률이 높아진다.
텍스트 태그
* p 태그
웹페이지에 텍스트를 기입할 때 p 태그에 감싼 후 텍스트를 입력한다.
p는 paragraph라는 뜻
* b 태그
b태그는 Bold를 의미
텍스트를 두껍게 하고자 할 때 사용
* i 태그
i 태그는 Italic을 의미
오른쪽으로 약간 기울어진 글씨체를 작성할 때 사용
* u태그
u태그는 underline을 의미
밑줄을 그을 때 사용
* strike 태그
strike 태그는 취소선을 그을 때 사용 ex.) abcd
* br 태그
br태그는 줄 바꿈을 할 때 사용
* h 태그
h 태그는 Heading을 뜻함
h1,h2,h3,h4,h5 그리고 h6가 존재
* em 태그
em 태그는 강조를 나타낼 때 사용
* ruby 태그
ruby 태그는 한자의 뜻과 음을 표시할 때 사용
이미지 태그
웹페이지에 이미지를 표시하려면 img 태그를 사용
<img src="이미지 주소" alt="이미지 설명"/>
<img src="이미지 주소" alt="이미지 설명" width="가로 길이 숫자"/>
<img src="이미지 주소" alt="이미지 설명" height="세로 길이 숫자"/>alt 속성 작성 시, 웹페이지의 글을 읽어주는 기계가 alt 속성에 적힌 글을 읽어주고, 구글 검색 엔진 최적화에 더 높은 점수를 받음
frontend-react