• 티스토리 홈
  • 프로필사진
    슬용이
  • 방명록
  • 글 작성
슬용이
  • 프로필사진
    슬용이
    • 분류 전체보기 (43)
      • 생각한 것 (1)
      • 참여한 것 (2)
      • 읽은 것 (0)
      • Side Project (0)
      • Code Practice (4)
      • JavaScript (8)
      • HTML & CSS (12)
      • React (8)
      • 그 외 (8)
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
# Home
# 공지사항
#
# 태그
# 검색결과
# 방명록
  • About Semantic
    2022년 04월 26일
    • 슬용이
    • 작성자
    • 2022.04.26.:54

    Semantic

    Semantic 자체의 영어 뜻은 다음과 같다.

     

     

    프로그래밍에서는 코드 조각의 의미를 나타낸다고 한다.

    "이게 어떻게 시각적으로 보여질까?" 가 아닌
    "이 JS 코드 라인을 실행하는 것은 어떤 효과가 있는가?" 혹은 "이 HTML 요소가 가진 목적/역할은 무엇인가?" 에 대한 것이다.

     


    Semantic Web ?

    그럼 Semantic Web이 뜻하는 바는 무엇일까?

     

    캡쳐를 하는 와중에도 변경이 된다.

     

     

    해당 사이트에 따르면 현재 인터넷 사용자 수는 52억이고, 웹사이트는 19억개가 넘는다.

    www.internetlivestats.com 에 들어가면 실시간으로 움직이는 숫자들을 볼 수 있다.

     

    그럼 이 수많은 사용자와 사이트들 사이에서 살아남기 위해선 어떻게 해야할까?

    바로 검색이다. SEO Search Engine Optimization 는 검색 엔진 최적화 과정으로,

    웹사이트 트래픽의 품질과 양을 개선하여 효과적인 마케팅 도구로 사용된다.

     


    Semantic Tag ?

    그래서 Sematic Tag는 또 뭐야?

    2022 Top10 Search Engine. 아예 처음보는 곳도 있다.

     

    Google과 Naver, Yahoo와 같은 검색엔진들은

    크롤링(웹사이트 정보를 수집하는 과정)을 통해 유저들이 검색할 만한 키워드의 인덱스를 만들어 두는데

    이 인덱스를 만들기 위해서 HTML의 Semantic 요소를 해석하게 된다.

     

    HTML에서 사용되는 Tag에는 Non-Semantic과 Semantic이 있다.

     

    Non-Semantic Tag

    • <div>
    • <span>

    Semantic Tag

     

     

     


    참고자료 : https://poiemaweb.com/html5-tag-basic

    'HTML & CSS' 카테고리의 다른 글

    Display Property : inline, block, inline-block  (0) 2022.04.26
    CSS Layout - Position  (0) 2022.04.26
    웹 HTML/CSS 심화편 1일차  (0) 2022.02.04
    display:none 과 visibility:hidden 의 차이  (0) 2022.01.28
    CodeAcademy - HTML Table  (0) 2022.01.12
    다음글
    다음 글이 없습니다.
    이전글
    이전 글이 없습니다.
    댓글
조회된 결과가 없습니다.
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
목차
표시할 목차가 없습니다.
    • 안녕하세요
    • 감사해요
    • 잘있어요

    티스토리툴바