시맨틱 웹 Semantic Web 에 맞춰서 글 적기

시맨틱 웹 Semantic Web 에 맞춰서 글 적기

  • 시맨틱 웹은 HTML를 의미있도록 만들기 위함임
    • 그래서 HTML5에서는 div와 모양이 별반 차이 없는데도 추가된 태그들이 있음(nav,aside,section...)
  • 시맨틱 웹에 맞춰서 적기 위해서는
    • <title> 에 문서 제목 넣기
      • 그냥 사이트 명 하나로만 유지된다면, 다른 곳에서는 URL로 그 페이지를 구분할 수 밖에 없다.
    • <meta> 를 활용
      • name=description , property="og:description" 등으로 이 페이지의 요약 내용을 추가.
        • 다음 뉴스 보면 잘 되어있다.
      • property="og:* " 활용
        • 페이스북에서 만든 규격이지만, 거의 표준처럼 사용된다.
    • <h1>~<h6> 사용
      • <h1>은 이 페이지의 가장 큰 제목이 된다.
        • 보통 <title>과 같게 작성하거나 사이트 명을 넣으면 된다.
      • 그 뒤로는 중요도 순으로 부제목, 부부제목 등을 <h2>, <h3> 넣으면 된다.
    • 위 정도만 맞춰서 페이지 내용을 가져와서 추려내는 것에는 문제가 없을 것이다.
  • 테스트 페이지
댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
3.31
4.1
4.2
4.3
4.4
4.5
4.6
4.7
4.8
4.10
4.11
4.12
4.13
4.14
4.15
4.16
4.18
4.19
4.20
4.21
4.22
4.23
4.24
4.25
4.26
4.27
4.28
4.29
4.30
5.1
5.2
5.3
5.4