시맨틱은 HTML 5를 어떻게 사용할 수 있습니까?

이 커뮤니티 위키에서 "HTML 태그 덕분에 HTML 마크 업이 의미있는 의미를 갖출 수 있습니까?"라는 질문을하는 커뮤니티 위키입니다. 아래 샘플 HTML 5 페이지의 소스 코드를 찾을 수 있습니다. 목적은 가능한 한 적은 수의 클래스와 ID를 사용하여 매우 유용하고 액세스 가능하며 스타일이 가능한 웹 페이지를 만드는 것입니다.시맨틱은 HTML 5를 어떻게 사용할 수 있습니까?

언제 HTML 5를 구현할 계획입니까? 초안이 완성 될 때까지 10 년 이상 기다리시겠습니까? 아니면 브라우저 지원이 급속히 성장하고 있으므로 "얼리 어답터"가 되시겠습니까?

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8" /> 
     <title>Site Name &bull; Page Title</title> 
    </head> 
    <body> 
     <nav> 
      <h1><a href="/">Site Name</a></h1> 
      <ul> 
       <li><a href="#">Nav Link</a></li> 
       <li><a href="#">Nav Link</a></li> 
       <li><a href="#">Nav Link</a></li> 
      </ul> 
     </nav> 
     <header> 
      <p>Welcome to the site!</p> 
      <a href="#">Call to action!</a> 
     </header> 
     <section> 
      <aside> 
       <!-- Sidebar --> 
      </aside> 
      <article> 
       <header> 
        <h2>Article Name</h2> 
        <p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p> 
       </header> 
       <p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p> 
       <figure> 
        <img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" /> 
        <label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label> 
       </figure> 
       <p>Lorem ipsum dolor...</p> 
      </article> 
     </section> 
     <footer> 
      <p>&copy; <time datetime="2009-01-01">2009</time>, <cite>Site Owner</cite></p> 
     </footer> 
    </body> 
</html>

출처

2009-06-22 Kerrick

마지막으로 바디 태그를 닫는 것을 잊었습니다! –

그는 그것을 정확하게 잊지 않았습니다. 들여 쓰기가 부족하여 코드 블록에서 생략되었습니다. –

들여 쓰기 문제가 수정되었습니다. 알려 주셔서 감사합니다! :-) – Kerrick

10 년 이상되지 않습니다. 이 기간은 "최종 완성"을위한 것이며, 모든 브라우저는 사양의 모든 부분을 지원합니다. 올해 늦게 후보자가 될 예정이며, 2011 년 2 월에 승인 될 것으로 기대됩니다.

지금 당장 내가 할 수있는 곳에서 단계적으로 적용하고 있습니다. 내가 사용하는 코드는 청중에 따라 다르지만 IE 공유가 끊임없이 떨어지고 있기 때문에 지원하지 않는 기능은 더 이상 킬러가 아닙니다. 특히 John Resig의 "HTML5 shiv"는 js가 켜진 상태에서 IE6에서도 의미 태그를 재생할 수 있습니다.

더 중요한 것은 내일 생각해 보면 HTML5 태그가 될 것입니다 (div class = "nav"). 그렇게하면 기회가 생길 때 HTML5로 생각하는 데 익숙해집니다.

출처

2009-06-24 20:20:34 Arlen

그럼, 그 날짜는 다소 멋지 네요! 전환에 관해서는 올바른 생각을 가지고 있다고 생각합니다. – Kerrick

새로운 기능을 보는 데 큰 행복을 느끼지만 실제로 고객이 IE6 (및 유사한 브라우저)을 사용한다는 사실은 여전히 남아 있습니다. 모든 사람들이 현대적인 브라우저를 사용하는 것을보고 싶지만 업그레이드가 필요없는 기술로 작업해야한다는 의미는 아닙니다.

출처

2009-06-22 00:30:13 Sampson

사용자가 IE6에 있다고해도, 위의 코드를 작성하십시오. 깔끔한 javascript-hack을 사용하면 IE6 사용자에게 동일한 의미 HTML을 제공 할 수 있습니다. document.createElement ("header"); 그러면 CSS를 정상적으로 스타일링 할 수 있습니다. (: – peirix

HTML 5를 채택한 사람들을위한 주요 드라이버는 검색 엔진 배치가 더 좋을 것입니다. 그렇지 않으면 입양해야 할 큰 이유가 없습니다.

(어쩌면 사람들은 어떻게 든 웹이 더 많은 데이터와 같은 때문에 상호 운용성이 개선 것, 나는 다소 확신 할 수 있지만, 지나치게 낙관적 약간의 소리가 될 수 있다는 나를 설득 할 수 있다면) 내가 갈거야

출처

2009-06-22 00:36:26 cgp

을 브라우저가 지원하는 즉시 사용하십시오. 제가 만드는 사이트는 주로 파이어 폭스 사용자가 주로 방문하는 취미 프로젝트입니다. (내 트래픽의 80 %는 FF의 최신 버전을 사용합니다).

출처

2009-06-22 00:37:05 priestc

나는 jonothan sampson을 반향시킵니다. 합리적인 수의 사람들이 오래된 브라우저를 사용하는 한 그 점프를하는 것은 어렵습니다.

반면에 브라우저를 감지하고 적절한 버전을 보내는 것이 좋습니다. 두 언어의 차이점은 보통이기 때문에 HTML5 페이지를 사용자 에이전트에 따라 추가 클래스 및 스타일을 사용하여 HTML4로 변환 할 수 있습니다. 아마도 작은 서버 측 xslt를 사용하는 것이 좋습니다. 즉, 기술이 가능 해지면 사용할 수도 있지만 그 기술을 발명 할 사람이 될지는 의문입니다.

출처

2009-06-22 00:45:17 SingleNegationElimination

HTML 5의 유일한 부분은 의미 태그입니다. 간단한 자바 스크립트는 구형 브라우저를 지원합니다 : document.createtag ('header'); document.createtag ('footer'); document.createtag ('부'); document.createtag ('별도로'); document.createtag ('탐색'); document.createtag ('문서'); document.createtag ('도'); document.createtag ('time'); – Kerrick

자바 스크립트를 지원하는 브라우저에는 많은 도움이 될 수 있지만 예를 들어 RSS 리더 또는 모바일 브라우저에는 아무런 효과가 없습니다. 나보다 현명한 사람이 라이브러리를 만들면 풍부한 HTML5를 실제 사용자 에이전시에 가장 적합한 것으로 변환 티. – SingleNegationElimination

cite 요소는 사람의 이름에 적합하지 않습니다. HTML5은 "사람의 이름은 해당 사람을 작업이라고 부르더라도 - 따라서 사람의 이름은 아니지만 요소는 사람들의 이름을 표시하는 데 사용됩니다. " 또한 <meta charset="UTF-8" />의 후행 슬래시는 필요하지 않습니다.

출처

2009-06-22 11:01:45 Ms2ger

후행 슬래시는 좋지 않습니다. 언뜻 보면 끝 태그를 기대하지 않는 것을 즉시 알게됩니다. 또한 모든 예제에서 사용합니다. http://www.w3schools.com/html5/tag_meta.asp – bobobobo

심각한 HTML 글을 쓰는 경우 메타 태그라는 사실을 알게 될 것입니다. , 후행 슬래시에 상관없이. – Ms2ger

[this] (http://wiki.whatwg.org/wiki/Cite_element)를 읽어야합니다. – Knu

사람들은 ie6과 같은 구형 브라우저에 대한 자바 스크립트 솔루션을 계속 언급하지만 자바 스크립트를 지원하지 않는 경우 어떻게해야합니까?

죄송하지만 대답이 없습니까? ????? 이것이 내가 의미 론적 html5와 IE 지원에 관해서 얻지 않는 요점이기 때문에.

당신은 항상 이전 버전의 브라우저

<nav><div id="nav"> some nav stuff</div></nav>

을위한 벨트와 중괄호를 갈 수 그러나 그것은 나에게 더러운 느낌?

출처

2012-02-16 23:41:15

시맨틱은 HTML 5를 어떻게 사용할 수 있습니까?

답변

관련 문제