5. HTML Heading, Links, Images, Semantics

Heading

• <h1>Heading</h1>
• h1~h6까지 있다.
• SEO(검색 엔진 최적화)에 장점이 있기 때문에 heading을 쓴다.

Links

• <a href="https://www.google.com/">Google</a>

Images

• <img src="image.png" width="1280" height="720">
• closing tag가 없다.

Semantics

• semantic이란 표현식에서 의미를 추론할 수 있음을 의미한다.
• 예를 들어 폰트 사이즈 50인 제목과, <h1>으로 작성된 제목이 있다고 하자.
• 검색 엔진은 h1으로 작성한 제목에게 더 높은 점수를 부여하고, 검색 결과에 더 잘 반영시키게 된다.
• 즉 같은 내용이라도 semantic tag를 쓸 떄 더 좋은 웹 페이지가 된다는 뜻이다.
• semantic element에는 <article>, <article>, <details>, <header>. <nav>, <section> 등이 있다.