Usar DIV에 10개의 대안
¿El codigo de la parte lower se parece al tuyo?
<body>
<div class="header" id="header">
<div class="nav">
<ul>
<li><a href="/home">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div>
</div>
<div class="content">
<div class="intro">Texto de ejemplo</div>
</div>
<div class="container">Lorem ipsum...</div>
</body>
Tenemos que aceptar que todos en algún momento hemos usado el elemento
<div>
para maquetar de forma rápida. Y en realidad, pueda que su utilización sea "la fruta más accesible del árbol, pero lo más probable es que se encuentre podrida"y más si abusamos de su uso.Los problemas de usar div
Si bien es cierto, se puede hacer uso de esta etiqueta. Sin embargo, su excesivo uso puede desencadenar ciertos problemas a ti o a ti o a cualquier persona que trabaje en el mismo proyecto. Algunos de estos problemas 아들:
문제의 입법부
Todos hemos trabajado en un proyecto lleno de elementos
div
y podemos estar de acuerdo, que suele ser un dolor de cabeza e buscar donde inicia o finaliza una etiqueta. El Tener todo el código lleno de div
Hace que el escaneado al momento de maquetar o editar se complique un poco.문제 해결
OMS는 1,300만 달러의 페르소나에 대한 기존의 rededor que viven con alguna forma de deficiencia visual. Por lo cual, no basta con solo thinkar aspectos visuales, como el contraste o tamaño de fuente, también debemos utilizar elementos semánticos que le brinden contexto a los lectores de pantalla y les permita leerlos en voz alta.
SEO 문제
Si deseas que tu página o aplicación web se encuentre bien posicionada, debes utilizar elementos semánticos. Esto hará que los motores de búsqueda thinken palabras claves en tu contenido. y ¿Cómo hago eso?
¿Qué es HTML 의미?
La definición más simple la tiene la
W3schools
:Un elemento semántico describe claramente su significado tanto para el navegador como para el desarrollador.
En otras palabras se puede asemejar a cuando señalas algo con el dedo y dices: "Mira, un objeto volador"또는 "Mira un avión". Claramente, uno de los casos es más descriptivo que el otro. 중요한 요구 사항 HTML5:
Se recomienda encarecidamente a los autores que vean el elemento div como un elemento de último recurso, para cuando ningún otro elemento sea adecuado. El uso de elementos más apropiados en lugar del elemento
div
conduce a una mejor accesibilidad para los lectores y un mantenimiento más fácil para los autores.
Si bien es cierto, el utilizar elementos semánticos puede demandar un poco más de tiempo al momento de maquetar sitios web. Sin embargo, el resultado final es sumamente beneficioso, así que no perdemos nada en invertir tiempo en hacerlo.
부에노, 아호라 테 프레군토. Para ti, como desarrollador ¿Cuál te parece el fragmento de codigo correcto?
<div class="paragraph">The Cure will be celebrating their 40th anniversary on <div>July 7</div> in London's Hyde Park.</div>
영형
<p>The Cure will be celebrating their 40th anniversary on <time datetime="2018-07-07">July 7</time> in London's Hyde Park.</p>
HTML5의 div 대안
Como se mencionó más arriba, el estándar HTML5 검증 다양한 요소. 연속성, 분석 및 관련성.
1. 엘 엘레멘토 <내비게이션>
2. 엘 엘레멘토 <메인>
3. 엘 엘레멘토 <섹션>
4. 엘 엘레멘토 <헤더>
5. 엘 엘레멘토 <바닥글>
6. 엘 엘레멘토 <aside>
7. 엘 엘레멘토 <코드>
8. 엘 엘레멘토 <기사>
9. 엘 엘레멘토 <blockquote>
10. 엘 엘레멘토 <마크>
파라 정점
Estos son solo diez alternativas a
div
. Hay basstantes otros elementos semánticos que podemos usar en nuestro HTML. Y está de más decir que no es necesario que te sepas todos de memoria, para ello puedes Consultar esta reference: Referencia de elementos HTML .
Reference
이 문제에 관하여(Usar DIV에 10개의 대안), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/codechappie/que-es-gitflow-112m텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)