Hoy aprendí:
- target: “_blank” → para hacer que un enlace abra una nueva pestaña. DIOS PORQUE GOOGLE LO BAJA EN SEO es literalmente la mejor opción para los links.
- css calc() → para hacer cálculos y operaciones en css
Introducción
Cómo se crean las páginas web
¿Qué es el Frontend?
¿Qué es el Backend?
Sitios Code con HTML y CSS
¿Qué debo saber de HTML?
Mi primera página web con HTML
Maquetando el hero
Maquetando la sección de redes sociales
¿Qué debo saber de CSS?
Mis primeros estilos con CSS
Estilos del menú
Estilizando el Hero: elementos encima imágenes
Estilizando el Hero: información del hero
Estilos para las imágenes de redes sociales
Detalles finales con HTML y CSS
Despliega tu página a internet
Cómo hacer deploy a internet
Cómo publicar tu página web gratis en internet
Compra el dominio de tu página web
Cómo comprar un hosting para mi página web
Sitios No-code con WordPress
Qué es no-code
Despliega tu página web con WordPress
Instalación y configuración de Elementor
Mi primera página web con Elementor
Maquetando el hero con Elementor
Mi primera página web con una plantilla de WordPress
Conclusiones
¡Conoce otros proyectos de este curso!
Próximos pasos para convertirte en Web Developer
Comparte tu proyecto del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Convierte tus certificados en títulos universitarios en USA
Antes: $249
$209
Paga en 4 cuotas sin intereses
Termina en:
20 Días
0 Hrs
30 Min
56 Seg
Detalles finales con HTML y CSS
14/27Recursos
Aportes 21
Preguntas 5
Ordenar por:
Profesor, como analista SEO, le puedo decir que el target=_blank no es determinante para que Google nos baje el crawl budget.
Primer video que entiendo como usar correctamente la función de css calc() , excelente !
no sabía que existía calc()
-
La etiqueta
targeten HTML se utiliza para especificar cómo se abrirá el enlace. El valor “_blank” se utiliza para indicar que el enlace debe abrirse en una nueva ventana del navegador. -
El uso de
target=_blankpuede tener un impacto negativo en el “crawling budget” de un sitio web. El “crawling budget” se refiere al número de páginas que un motor de búsqueda puede rastrear e indexar en un sitio web dentro de un período de tiempo determinado. Si un sitio web tiene muchos enlaces contarget=_blank, esto puede hacer que el motor de búsqueda tenga dificultades para rastrear todas las páginas del sitio, lo que puede tener un impacto negativo en la clasificación del sitio en los resultados de búsqueda. -
Por otro lado, la propiedad
calcen CSS se utiliza para realizar cálculos matemáticos en línea con los valores de las propiedades CSS. Esto permite crear diseños responsivos y dinámicos sin tener que depender de valores fijos.
la clase que estaba esperando para saber como solucionar que la foto se distorciones ,
Respecto a target: “_blank” y sus posibles problemas de seguridad y otras alternativas, recomiendo darle una leida a esta página (esta en ingles): https://www.searchenginejournal.com/blank-link-attribute/435883/
Este curso es tan específico y detallado, que me siento Dummie! jejeje
tengo años trabajando en web y es la primera vez que me explican tan vien lo de calc() en CSS,
GROSSO!!!
GRACIAS POR ESTE VIDEO CRACK!!
Que buen profe!
He realizado todas las revisiones pertinentes de mi código y no entiendo por qué mi página tiene este texto en la parte superior.
![]()
Yo ya tengo un poco de conocimiento en los temas mencionados y quise hacerlo un poco diferente, en los iconos tiene un :hover que al pasar sobre ellos toma el color de la red social y se agranda un poquito.
![]()
Algo que aprendí recientemente! Cuando colocas el atributo target="\_blank" en un \, es recomendable colocar además un atributo de tipo rel="noopener" (o rel="noreferrer"). Por ejemplo:
`Texto del enlace`
Esto es porque cuando un enlace se abre en una nueva pestaña o ventana con target="\_blank", se crea un nuevo contexto de navegación y esa nueva pestaña puede tener acceso al objeto window del documento que la abrió, lo que se conoce como "window.opener" y podría ser utilizado para ataques de phishing o redirecciones maliciosas.
Espero sirva el aporte! 💪🏻
Porque no se metió en el aspecto de responsive? TAT
Muy teso el profe 🤣 así afecte el SEO que no creo, mucho mejor abrir links en otras pestañas.
Excelente explicación edl uso de la función calc() en CSS.
Hola linda comunidad, por acá les dejo un buen video para practicar html y css https://www.youtube.com/watch?v=m5XE8-vh2bM
HTML es el lenguaje de marcado con el que rodeas contenido, para decirle a los navegadores acerca de los encabezados, listas, tablas, etc. CSS es el lenguaje de hoja de estilos con el cual estilas la página, para decirle a los navegadores que cambien el color, fuente, diseño y más.
Muy importante el comentario del espacio en calc() !!!
Gracias maestro
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?