No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende Ingl茅s, Programaci贸n, AI, Ciberseguridad y m谩s a precio especial.

Antes: $249

Currency
$209
Suscr铆bete

Termina en:

2 D铆as
19 Hrs
4 Min
5 Seg

Sem谩ntica: la web 3.0 original

6/12
Recursos

Aportes 8

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

A帽os atr谩s exist铆a el rol de 鈥淲ebMaster鈥 (quien realizaba el 100% del sitio) en la era de la Web 2.0

En la Web 3.0 (hoy) se utiliza HTML 5, CSS 3, etc.

Elementos sem谩nticos = etiquetas que informan su utilidad (ejemplo: article, footer, nav, etc.) en vez de etiquetas gen茅ricas (por ejemplo: div, span, etc.). Ayudan a los lectores de pantalla o los buscadores (Google, Bing u otra) porque expresan mejor el contenido del sitio.

HUMOR: Enfermedad 鈥淒IVitis鈥 es una estructuras 鈥渄iv鈥 una dentro de otra y otra, y otra. (jajajaja!!!)

Los atributos 鈥渁ria鈥 (ARIA=Accessible Rich Internet Applications) tiene:

  1. Roles: ayudan a agregar sem谩ntica a los elementos que no tienen una etiqueta espec铆fica en HTML.
  2. Atributos: agregar descripciones adicionales a los elementos. Especial para lectores de pantalla.

NOTA: hay que evitar usar excesivamente atributos 鈥渁ria鈥 a las etiquetas innecesariamente.

Les recomiendo echar un vistazo a este art铆culo sobre HTML sem谩ntico (en ingl茅s) https://cs.fyi/guide/writing-semantic-html

隆Qu茅 interesante esto de las etiquetas sem谩nticas y c贸mo pueden ayudar tanto a usuarios de lectores de pantalla como a buscadores (ara帽as ciegas de Google)! 馃槃 馃槷

Nota de este articulo que les recomiendo leer https://web.dev/learn/html/semantic-html/
.
While adding role=鈥渂utton鈥 to an element will inform screen readers that the element is a button, it doesn鈥檛 change the appearance or functionality of the element. The button element provides so many features without you doing any work. The button element is automatically added to the document鈥檚 tab ordering sequence, meaning it is by default keyboard focusable. The Enter and Space keys both activate the button. Buttons also have all the methods and properties provided to them by the HTMLButtonElement interface. If you don鈥檛 use the semantic button for your button, you have to program all those features back in. It鈥檚 so much easier to just go with <button>.

La sem谩ntica es super importante para estructurar adecuadamente la Web. Es muy importante conocer las bases del desarrollo para que luego al usar framework mantengamos la sintaxis sem谩nticas.

Gracias

Para quien le interese dejo la lista de todos los roles posibles, ademas al darle al role los llevara a mas informacion acerca del mismo, esta muy cool:
Role Definition

El concepto de rastre贸 es un tema bastante com煤n en development/SEO y en ingl茅s se conoc茅 como crawl/crawlability/crawlable鈥tc