Posiciones absolutas y relativas en html 5

[DoPeY-BBS]

Que tal, me surge una pregunta

Yo estoy tomando un curso de html y css bien bueno y en la practica final hay que hacer una de esas páginas modernas con eso que le llaman hero secciton con una imagen a la derecha y un encabezado a la izquierda junto con un texto y dos botones.

¿Es buena practica utilizar posicionamientos absolutos y relativos en html 5?

Código HTML:

<section id="hero-container">
			
			<article id="hero" class="container">
				
				<figure class="dispositivos">
					<img src="img/home-dispositivos.png" alt="Dispositivos">
				</figure>
				
				<header>
					<h2>Diseño web profesional para potenciar la imagen de tu negocio</h2>
				</header>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut massa non ipsum fermentum rhoncus non vel neque.</p>
				<a href="contacto.php" class="btn">Trabajemos juntos</a>
				<a href="portafolio.html" class="btn btn-alt">Ver portafolio</a>
				
			</article><!-- /#hero -->
			
		</section><!-- /#hero-container --> 

Código CSS:

#hero-container {
    background: #f6f6f8;
    padding: 5em 0 8em 0;
    position: relative;
    border-top: solid 0.0625rem #d7dbe6;
    border-bottom: solid 0.0625rem #d7dbe6;
}
 
#hero {
    padding-right: 55%;
}
    #hero h2 {
        color: #7e89a3;
        font-weight: 300;
        font-size: 2.5em;
        line-height: 1.3em;
        margin: 0;
    }
    
    #hero p {
        margin-top: 1em;
    } 
    
    #hero .dispositivos {
        background: url(../img/home-dispositivos.png) left center no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        width: 55%;
        height: 100%;
        margin: 0;
    }
    
        #hero .dispositivos img {
            display: none;
 

[ArturoGallegos]

¿Es buena practica utilizar posicionamientos absolutos y relativos en html 5?

Si y No, recordemos que cada diseño es muy diferente a otro... utiliza todos los atributos y etiquetas cuando realmente sean necesarios, lo mas importante no es si es buena practica o no sino el resultado obtenido y el resultado deseado, manteniendo el código lo mas limpio posible.

Por ejemplo en tu código de ejemplo, que razón tienes para meter una imagen dentro de un <figure> alguna razón semántica o técnica? o simplemente porque el curso te decía ponlo allí?
Francamente yo hubiera preferido prescindir de ese elemento y colocar directamente la imagen.

[pzin]

Hasta que no sepas bien para qué usar el posicionamiento absoluto, es malo usarlos.

Generalmente, para la estructuración, no es muy aconsejable.

[DoPeY-BBS]

Iniciado por ArturoGallegos

Si y No, recordemos que cada diseño es muy diferente a otro... utiliza todos los atributos y etiquetas cuando realmente sean necesarios, lo mas importante no es si es buena practica o no sino el resultado obtenido y el resultado deseado, manteniendo el código lo mas limpio posible.

Por ejemplo en tu código de ejemplo, que razón tienes para meter una imagen dentro de un <figure> alguna razón semántica o técnica? o simplemente porque el curso te decía ponlo allí?
Francamente yo hubiera preferido prescindir de ese elemento y colocar directamente la imagen.

Hola ArturoGallegos, gracias por responder

Contestando tu pregunta, si, es por razones de semántica.

Para que una imagen con posición absoluta se posicione dentro de su contenedor padre, este debe esta posicionado con relativa.

Debo agregar que el diseño es completamente adaptable y el explica que cuando llega a cierto tamaño esta se reduce y carga la misma imagen pero mostrando la del celular sin hacer scroll.

también debo recercar que en ningún momento el utiliza la técnica fe float para estructurar la pagina, en cambio utiliza display table para el padre y table cell para los hijos

[ArturoGallegos]

también debo recercar que en ningún momento el utiliza la técnica fe float para estructurar la pagina, en cambio utiliza display table para el padre y table cell para los hijos

Esto para que veas si me parece una muy pero muy mala practica y casi casi deberíamos enviar a la hogera a esos demonios que siguen con el concepto de usar tablas.

Es una verguenza seguir enseñando ese enfoque, si bien es un útil recurso no se debe abusar de el

[DoPeY-BBS]

Yo siempre tuve esa duda.. realmente no entiendo cual es el motivo por la cual el usa esa técnica y solo usa float para posicionar imagenes.

[pzin]

Iniciado por DoPeY-BBS

realmente no entiendo cual es el motivo por la cual el usa esa técnica y solo usa float para posicionar imagenes.

Porque es un merluzo.

[DoPeY-BBS]

Muchas gracias a ambos

Realmente a mi nunca me gustaron las posiciones absolutas y relativas porque nunca la entendí bien mas sin embargo ahora la entiendo un poco mejor..

yo me quedaria con mi float y mi table :)

[pzin]

Imagínate que una web bien hecha, es una revista, y que una web estructurada con posiciones absolutas, es una revista hecha a bases de pegar post-it encima de unos folios.