The latest articles on DEV Community by HugosComs (@hugoscoms). https://dev.to/hugoscoms https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F633384%2F9456c91c-3fe3-4b2d-aab6-480ced1719dd.jpg https://dev.to/hugoscoms en HugosComs Fri, 28 May 2021 09:53:18 +0000 https://dev.to/hugoscoms/se-puede-ver-el-contenido-de-la-etiqueta-head-renderizado-en-una-web-42mp https://dev.to/hugoscoms/se-puede-ver-el-contenido-de-la-etiqueta-head-renderizado-en-una-web-42mp <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7LfJfXZX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i674nyx3ztwd3d96fqcw.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7LfJfXZX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i674nyx3ztwd3d96fqcw.png" alt="image"></a></p> <p>Hay una cuestión que yo llevo oyendo en este mundo del frontend desde hace muchos años, una de esas verdades que nunca cuestionas y que se dan por sabidas, y es que el único contenido de una web que se renderiza en el navegador es el que se inserta en el interior de las etiquetas <code>body</code>.</p> <p>Pues bien, hace unos días, repasando conceptos básicos del html, pude comprobar que esta cuestión tan básica y que siempre hemos dado por sabida, no es cierta. Hice un experimento muy sencillo, cree una web muy básica (solo con un <code>title</code>, un <code>h1</code> y un <code>p</code>), y abrí el inspector de código de mi navegador. Allí pude comprobar que las etiquetas <code>head</code> y <code>title</code> tienen establecido un valor de la propiedad css <code>display: none;</code> Es decir, que sólo con cambiar el valor de esa propiedad en las dos etiquetas a <code>block</code> o <code>inline</code>, por ejemplo, podrás ver renderizado el contenido del elemento <code>title</code> en el navegador (haz la prueba y verás).</p> <p>Cuestión aparte es la utilidad práctica que pueda tener esta característica, que yo desconocía hasta hoy. Me queda pendiente de resolver la duda respecto a qué utilidad en relación al SEO de la página (por ejemplo) puede tener el hecho de que el <code>title</code> pueda estar renderizado, si nos interesaría utilizar ese <code>title</code> sustituyendo al <code>h1</code> inicial o si los motores de búsqueda darán mayor/menor importancia al hecho de que el título de la página esté renderizado.</p> html css