Usar DIV에 10개의 대안

6443 단어 htmldivdev

¿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 .

좋은 웹페이지 즐겨찾기