의미 HTML

Semantic HTML

의미 HTMLHTML 마크업을 사용하여 단순히 표시나 룩을 정의하기 보다는 웹 페이지와 웹 애플리케이션에서 정보의 의미론 또는 의미를 강화하는 것이다.시맨틱 HTML은 많은 다른 사용자 에이전트뿐만 아니라 전통적인 웹 브라우저에 의해 처리된다.CSS는 인간 사용자에게 프레젠테이션을 제안하는 데 사용된다.

역사

HTML은 그것의 시작부터 의미론적 마크업을 포함했다.[1]HTML 문서에서 저자는 무엇보다도 "제목부터 시작, 제목과 단락 추가, 텍스트에 강조 추가, 이미지 추가, 다른 페이지에 링크 추가, 다양한 종류의 목록 사용"[2]을 할 수 있다.

HTML 표준의 다양한 버전에는 다음과 같은 현재 마크업이 포함되어 있다.<font>(HTML 3.2에 추가, HTML 4.0 Strong에서 제거)<i>(모든 버전) 및<center>(HTML 3.2에 추가됨).의미론적으로 중립적인 스판과 칸막이 요소도 있다.대부분의 브라우저에서 Cascading Style Sheets가 작동하기 시작한 1990년대 말부터 웹 저자들은 프레젠테이션과 콘텐츠의 분리를 목적으로 한 현재적 HTML 마크업의 사용을 피하도록 권장되어 왔다.[3]

2001년, 팀 버너스-리시멘틱 웹에 대한 토론에 참여했는데, 여기서 지능형 소프트웨어 '에이전트'가 언젠가는 자동으로 웹을 트래블하고 최종 사용자들의 이익을 위해 이전에 관계없고 공표된 사실들을 찾아내고 걸러내고 상호 연관시킬 수 있다는 것이 제시되었다.[4]그런 에이전트들은 지금도 흔하지 않지만 웹 2.0, 매시업, 가격비교 웹사이트의 아이디어 중 일부가 가까워지고 있을 수도 있다.이러한 웹 애플리케이션 하이브리드와 버너스 리의 의미론적 에이전트 사이의 주요한 차이점은 현재 정보의 통합과 혼합은 대개 그들이 매쉬하고 비교하고 결합하기를 원하는 특정 데이터의 웹 위치와 API 의미론을 이미 알고 있는 웹 개발자들에 의해 설계된다는 사실에 있다.

무엇을 찾을 수 있는지 미리 알지 못한 채 자동으로 웹 페이지를 탐색하고 읽는 중요한 유형의 웹 에이전트는 웹 크롤러 또는 검색 엔진 거미다.이러한 소프트웨어 에이전트는 다양한 기법과 알고리즘을 사용하여 하루에 수백만 개의 웹 페이지를 읽고 색인화하고 웹 사용자에게 검색 기능을 제공하기 때문에 그들이 발견한 웹 페이지의 의미론적 명확성에 의존한다.

검색엔진 거미가 HTML 문서에서 발견한 텍스트 조각의 중요성을 평가할 수 있고, 매시업과 기타 하이브리드를 만드는 것뿐만 아니라, 그것들이 개발될 때 보다 자동화된 에이전트에 대해서도 HTML에 존재하는 의미 구조를 광범위하고 균일하게 적용하여 퍼머의 의미를 끌어낼 필요가 있다.정보를 [5]회피하다

진정한 의미 웹은 복잡한 RDFontology메타데이터에 의존할 수 있지만, 모든 HTML 문서는 가능한 한 제목, 목록, 제목 및 기타 의미 표기를 올바르게 사용함으로써 웹의 의미에 기여한다.HTML의 이러한 "플레인" 사용은 "플레인 올드 시멘틱 HTML" 또는 POSH라고 불려왔다.[6]웹 2.0 '태깅'의 올바른 사용은 많은 사람들에게 동등하거나 심지어 더 의미 있는 민중주의를 만들어낸다.[5]HTML 5는 다음과 같은 새로운 의미 요소를 도입했다.section,article,footer,progress,nav,aside,mark그리고time전반적으로,[7] W3C의 목표는 브라우저, 개발자 및 크롤러가 서로 다른 유형의 데이터를 더 잘 구별할 수 있도록 더 많은 방법을 천천히 도입함으로써, 다른 장치의 브라우저에서 더 나은 디스플레이와 같은 이점을 제공하는 것이다.

현재적 요소는 HTML 4.01과 XHTML 권장사항에서 공식적으로 사용되지 않았지만, 에 대해 권고되었다.HTML 5에서 이러한 요소 중 일부는 다음과 같다.i그리고b그 의미가 "별도의 중요성을 전달하지 않고 정상적인 산문으로부터 스타일리시하게 상쇄되는 것"으로 명확하게 규정되어 있기 때문에 여전히 명시되어 있다.[8][9]

고려 사항.

HTML로 표현된 의미보다 더 정밀한 의미를 필요로 하는 문서가 있는 경우, 문서의 파편을 HTML로 표현된 내용보다 더 정밀한 의미론적 표현으로 동봉할 수 있다.span또는div다음과 같은 의미 있는 클래스 이름을[10] 가진 요소:<span class="author">그리고<div class="invoice">이러한 클래스 이름이 스키마 또는 온톨로지 내의 단편 식별자일 경우, 더 정의된 의미와 연결될 수 있다.마이크로포맷은 HTML의 의미론에 대한 이 접근방식을 공식화한다.

이 접근방식의 한 가지 중요한 제한사항은 요소 포함에 기초한 그러한 마크업이 양호한 형상 조건을 충족해야 한다는 것이다.이 문서들은 대체로 나무 구조로 되어 있기 때문에, 이것은 서브 트리에서 나온 균형 잡힌 조각들만이 이런 방식으로 표시될 수 있다는 것을 의미한다.[11][12]HTML의 임의 부분을 표시하는 수단은 XPointer와 같이 마크업 구조 자체와 독립적인 메커니즘을 필요로 할 것이다.

좋은 의미 HTML은 또한 웹 문서의 접근성을 향상시킨다([citation needed]Web Content Accessibility Guideline 참조).예를 들어, 화면 판독기나 오디오 브라우저가 문서의 구조를 정확하게 확인할 수 있는 경우, 올바르게 표시되었을 때 반복되거나 관련 없는 정보를 읽음으로써 시각 장애가 있는 사용자의 시간을 낭비하지 않는다.

구글 "리치 스니펫"

2010년, 구글은 그들의 시스템이 웹 페이지 내에서 구조화된 의미론 콘텐츠를 찾기 위해 사용할 구조화된 메타데이터의 세 가지 형태를 지정했다.리뷰, 사용자 프로필, 비즈니스 목록 및 이벤트와 관련된 이러한 정보는 검색 목록에 페이지가 나타날 때 표시되는 "스니핏" 또는 인용된 텍스트의 짧은 조각을 향상시키기 위해 구글에 의해 사용될 것이다.구글은 마이크로데이터, 마이크로포맷 또는 RDFa를 사용하여 데이터를 제공할 수 있다고 명시한다.[13]마이크로데이터는 내부에 지정되어 있다.itemtype그리고itemprop기존 HTML 요소에 속성 추가, 내부에 마이크로포맷 키워드 추가class위에서 설명한 속성, 그리고 RDFa는rel,typeof그리고property기존 요소에 추가된 속성.[14]

참고 항목

참조

  1. ^ Berners-Lee, Tim; Fischetti, Mark (2000). Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web by Its Inventor. San Francisco: Harper. ISBN 978-0062515872.
  2. ^ Raggett, Dave (24 April 2005). "Getting started with HTML". World Wide Web Consortium. Retrieved 8 December 2010.
  3. ^ Raggett, Dave (8 April 2002). "Adding a touch of style". World Wide Web Consortium. Retrieved 8 December 2010. 이 기사는 현재 HTML 마크업이 1997년에 출시된 브라우저 "넷스케이프 4.0 이전과 Internet Explorer 4.0 이전"을 대상으로 할 때 유용할 수 있다는 점에 주목한다.
  4. ^ Berners-Lee, Tim; Hendler, James; Lassila, Ora (2001). "The Semantic Web". Scientific American. Retrieved 2009-10-02.
  5. ^ a b Shadbolt, Nigel; Berners-Lee, Tim; Hall, Wendy (May–June 2006). "The Semantic Web Revisited" (PDF). IEEE Intelligent Systems. Retrieved 8 December 2010.
  6. ^ "Plain Old Semantic HTML (POSH)". Microformats Wiki. microformats community. April 20, 2007. Retrieved May 4, 2013.
  7. ^ Robinson, Mike. "Let's Talk about Semantics". HTML 5 Doctor. Retrieved 26 October 2015.
  8. ^ "HTML5". World Wide Web Consortium. Section 4.5.17: The i element.
  9. ^ "HTML5". World Wide Web Consortium. Section 4.5.18: The b element.
  10. ^ 이러한 클래스 이름은 이전에 콘텐츠 제작자와 소비자 모두에게 공유되지 않는 한 공식적으로 의미 있는 것이 아니라 기껏해야 암시적인 것이다.
  11. ^ "Well-Formed XML Documents". Extensible Markup Language (XML) 1.1. W3C.
  12. ^ "Conceitos importantes sobre HTML". Bendev Junior.
  13. ^ "Rich snippets". Webmaster Central. Retrieved 26 May 2010.
  14. ^ "Businesses and organizations - About organization information". Webmaster Central. Retrieved 26 May 2010.

외부 링크