logo image
메인
기술
HOME
기술

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

목록
#시맨틱 #웹 #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) 명령어
[공지] 기술 게시판
enable3d
1
#web #3d
Web components
1
#web #components
web api Encoding API
1
#web #api #encoding
web worker multi CPU 100% test
2
#web #worker
URL 통합 진단 클리닉. 웹 사이트의 취약점을 체크해주는 툴
1
#web #validator
web screenshot Capture
1
#web #screenshot #capture
web music keyboard , 피아노, piano , 키보드
4 3
#web #music #keyboard #audio
아파치 성능향상 (아파치 2.x)
1
#아파치 #apache #web #server
웹페이지에서 글자가 깨져서 나오는 경우
#web #charset #encoding #글자 #깨짐
sliding puzzle web game
3 2
#sliding #puzzle #game #web
시맨틱 웹 Semantic Web 에 맞춰서 글 적기
#시맨틱 #웹 #semantic #web
ui_toDraggable 이동 이벤트 제어
2
#javascript #move_scrip #ui #web
ui_MultipleInputBox
2
#input #ui #umltiple #web
websafe fonts , 폰트 정보
1 1
#css #font #safe #web
UI SelectArea
2
#selectarea #ui #web
tag