나를 혼란스럽게하는 일부 명령이 HTML에 있습니다. 예를 들어 <nav>
요소와 <article>
요소는 무엇을 수행합니까? 이게 많이 좋아. <nav> <article> <section> <aside> <div>
이것들의 목적은 무엇입니까? 나는 그들이 무엇을 알고 있는지 , 내가 혼란스러워하는 이유는 왜 당신이 그들을 사용하고 싶습니다. 이 요소들은 의미 론적 섹션을 만듭니다. 내가 묻는 것은 이것이 필요한 이유는 무엇입니까? 무엇이 바뀌나요?HTML에 <article> 및 <nav>과 같은 요소가있는 이유는 무엇입니까?
0
A
답변
2
중요한 이유 중 하나는 웹 사이트의 접근성입니다. 시각 장애인 용 화면 판독기가 (이 태그 인식으로) 어떤 요소에 탐색 (nav
, 그렇지 않은 경우에만 div
), 어떤 요소가 별도의 독립 블록 (다소 차이가 있음) (articles
및 sections
)을 사용하면 사용자가 페이지의 구조를 훨씬 쉽게 이해할 수 있고 해당 요소를 쉽게 찾을 수 있습니다. 페이지의 필수 부분이 더 빠릅니다.
또 다른 이유는 구조가 훨씬 명확하기 때문에 검색 엔진이 웹 사이트의 필수 부분을 찾을 수 있다는 것입니다.
-1
아마도 이것은 HTML Tags을 시작하기에 좋은 장소 일 것입니다. div가 무엇인지 잘 모르겠다면, 내가 HTML을 처음 접하는 사람이라고합시다.
태그를 사용할 필요는 없지만 코드를 읽는 사람이 내비게이션이 정확한지 쉽게 알 수 있습니다. 그렇지 않으면 목록처럼 보일 수 있습니다.
나는 그 목록을 읽을 것을 제안합니다.
0
새로운 Html5 표준입니다. 시맨틱 방식으로 쉽게 사용할 수 있으며 예를 들어 고전적인 div보다 더 의미가 있습니다.
관련 문제
- 1. HTML에 <script> 태그를 추가해야하는 이유는 무엇입니까? 내가 본
- 2. 차이점은! =과 <>?
- 3. <%= %>과 <%: %>
- 4. "/", "<" and ">"과 같은 정규식 검색
- 5. <textarea>과 <table> 사이에 <br>을 사용할 수없는 이유는 무엇입니까?
- 6. struts 2에서 <bean:define>과 같은 것은 무엇입니까
- 7. <!-- XX-->과 <%--XX--%> 사이의 차이점은 무엇입니까?
- 8. <algorithm>과 <functional>
- 9. "1"이 "+1"과 같은 이유는 무엇입니까?
- 10. 뷰에서 <% 및 <% =를 모두 사용하는 이유는 무엇입니까?
- 11. <C-PageUp>과 <C-PageDown>이 vim에서 작동하지 않는 이유는 무엇입니까?
- 12. Swift에서 +++ 및 <<<는 무엇입니까?
- 13. XPATH : <br> 태그 다음과 같은 HTML에 대한
- 14. JSLint 메시지 : "예상되는 <\/대신 <\"- 그 오류의 이유는 무엇입니까?
- 15. <tiles:add>과 <tiles:put> 스트럿트의 차이점은 무엇입니까?
- 16. ofstream of "<<"과 Write의 차이점은 무엇입니까?
- 17. `<% #`과`<% =`와 asp.net ascx 파일의 차이점은 무엇입니까?
- 18. <c:if>과 <c:when>의 차이점은 무엇입니까?
- 19. <string>과 <string.h>의 차이점은 무엇입니까?
- 20. <f:viewParam>과 <f:param>의 차이점은 무엇입니까?
- 21. <%# %>과 <%= %>의 차이점은 무엇입니까?
- 22. -1 << 23 및 -1 << 55가 Java에서 동일한 값을 반환하는 이유는 무엇입니까?
- 23. boost :: call_traits가 참조로 pair <char, char>과 같은 작은 객체를 전달하는 이유는 무엇입니까?
- 24. XML 파일에 <tag/>과 같은 태그가 표시되는 이유는 무엇입니까?
- 25. 패딩이 <a>과 <button> 요소 사이에서 다르게 계산되는 이유는 무엇입니까?
- 26. 국경이 <th>과 <thead> 인 이유는 무엇입니까?
- 27. 표현 <Func<T,bool>과 함께이 모의가 일치하지 않는 이유는 무엇입니까?
- 28. angularJs 1.5에서 @과 <사이의 차이점은 무엇입니까?
- 29. 에코 "<! <"가 "<! >"을 반환하는 이유는 무엇입니까?
- 30. 과 같은 일반적인 형태를 갖는 <T1>
다음은 html5에 대한 정보입니다. http://html5doctor.com/element-index/ –
유용한 소스 : https://html.spec.whatwg.org/multipage/semantics.html#the-article- element – BSMP
사이드 노트에는 "elements"대신 "eement"가 있습니다. 질문을 수정할 수 있습니다. – BSMP