HTML 5로 어떻게 의미론을 얻을 수 있나요?

StackOverflow https://stackoverflow.com/questions/1025126

  •  06-07-2019
  •  | 
  •  

문제

이것은 "HTML 5 덕분에 HTML 마크업이 얼마나 의미 있게 될 수 있습니까?"라는 질문을 하는 커뮤니티 위키입니다. 아래에서 샘플 HTML 5 페이지의 소스 코드를 찾을 수 있습니다.목표는 가능한 적은 클래스와 ID를 사용하여 매우 유용하고 접근 가능하며 스타일이 가능한 웹 페이지를 만드는 것입니다.

또한 언제 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>
도움이 되었습니까?

해결책

10 년 이상이 아닙니다. 그 기간은 "최종 완료"를위한 것이며, 모든 브라우저는 사양의 모든 부분을 지원합니다. 올해 말, 다음 초 초 후보가 될 예정이며 2011/2에 의해 승인되기를 바랍니다.

나는 지금 내가 할 수있는 곳에서 그것을 단계적으로하고있다. 내가 사용하는 금액은 청중에 달려 있지만, 즉, 몫이 끊임없이 떨어지고 있기 때문에, 그들이 지원하지 않는 것은 더 이상 살인자가 아닙니다. 특히 John Resig의 "Html5 Shiv"는 IE6에서도 JS가 켜져 있더라도 시맨틱 태그가 재생되기 때문에 더 이상 살인자가 아닙니다.

더 중요한 것은 내일 HTML5 태그가 될 수있는 수업을 사용하여 내 생각을 HTML5 라인으로 바꾸기 시작했습니다 (div class = "nav"). 그렇게하면 기회가 생길 때 HTML5 용어로 생각하는 데 더 익숙해 질 것입니다.

다른 팁

새로운 기능을 보고 큰 행복을 느꼈지만, 내 고객이 IE6(및 유사한 브라우저)를 사용한다는 사실은 여전히 ​​남아 있습니다.모든 사람이 최신 브라우저를 사용하는 모습을 보고 싶지만 그렇지 않다는 사실은 업그레이드가 필요하지 않은 기술을 사용하여 작업해야 함을 의미합니다.

브라우저가 지원하자마자 사용하겠습니다. 내가 만든 사이트는 주로 Firefox 사용자가 방문한 취미 프로젝트입니다. 트래픽의 80%가 최신 버전의 FF를 사용합니다).

그것을 명심하십시오 cite 요소는 사람의 이름에 적합하지 않습니다. html5 "사람의 이름은 사람들이 그 사람을 작품이라고 부르더라도 작품의 제목이 아닙니다. 따라서 요소는 사람들의 이름을 표시하는 데 사용해서는 안됩니다." 또한 후행 슬래시가 들어갑니다 <meta charset="UTF-8" /> 필요하지 않습니다.

HTML 5를 채택하는 사람들의 주요 드라이버는 더 나은 검색 엔진 배치 일 것입니다. 그 없이는 채택 할 큰 이유가 없습니다.

(아마도 사람들이 웹이 더 데이터와 비슷하고 상호 운용성이 향상 될 것이라고 확신 할 수 있다면 다소 확신 할 수 있지만 약간 지나치게 낙관적으로 들릴 수 있습니다).

나는 Jonothan Sampson을 반향 할 것입니다. 합리적인 수의 사람들이 여전히 오래된 브라우저를 사용하는 한, 그 점프를하기가 어렵습니다.

반면에, 브라우저를 감지하고 합리적 인 버전을 보내는 것이 합리적 일 것입니다. 두 언어의 차이점은 보통이므로 사용자 에이전트에 따라 서버 측 XSLT에 따라 HTML5 페이지를 추가 클래스 및 스타일로 HTML4로 변환 할 수있을 것입니다. 즉, 나는 기술이 그 기술을 발명 할 수있는 사람이 될 것입니다.

사람들은 IE6과 같은 이전 브라우저에 대한 JavaScript 솔루션을 계속 언급하지만 JavaScript를 지원하지 않으면 어떻게됩니까?

대답은 아니지만 더 이상 미안해 ????? 이것이 요점이므로 Semantic HTML5와 IE 지원에 대해 얻지 못합니다.

오래된 브라우저를 위해 항상 벨트와 버팀대로 갈 수 있습니다. 

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

그러나 그것은 나에게 더러워진 느낌입니까?

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top