들어가며,,,

html을 작성하는 데 태그 사용이 자유롭겠지만 검색 엔진에서 상위에 노출되기 위해서는 div태그나 span태그등 non-semantic tag 들보다 semantic 태그 들을 사용하는게 구글 같은 검색엔진들이 인덱싱을 잘 하여 상위에 노출될수 있도록 한다. semantic elements 들을 알아보자,,,(●'◡'●)

ᓚᘏᗢ출처:w3school

Semantic Elements in HTML

• <article> Defines independent, self-contained content
• <aside> Defines content aside from the page content
• <details> Defines additional details that the user can view or hide
• <figcaption> Defines a caption for a <figure> element
• <figure> Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
• <footer> Defines a footer for a document or section
• <header> Specifies a header for a document or section
  -<main> Specifies the main content of a document
• <mark> Defines marked/highlighted text
• <nav> Defines navigation links
• <section> Defines a section in a document
• <summary> Defines a visible heading for a <details> element
• <time> Defines a date/time

맺으며,,,,

이렇게 검색 시 상위에 노출되기 위해 semantic elements를 사용하는게 SEO(search engine optimization)의 일부이다. 다음에는 SEO를 알아보자😁