0Pricing
R Academy · Lección

Fundamentos de html_element() y html_text()

Extraiga texto, atributos y datos de tablas de páginas analizadas.

Fundamentos de html_element() y html_text() es una lección gratuita de R Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de R Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de R Academy incluye 4 lecciones en total.

read_html(): cargar una página

read_html() es el punto de entrada de rvest. Pase una URL o una cadena de HTML sin procesar. Devuelve un objeto xml_document que representa el árbol DOM analizado, listo para realizar consultas.

library(rvest)

# From a URL (requires internet connection)
# page <- read_html('https://books.toscrape.com')

# From a raw HTML string (great for testing)
page <- read_html('
  <html><body>
    <h1>Book Store</h1>
    <p class="desc">Over 1000 books!</p>
  </body></html>
')
class(page)  # 'xml_document' 'xml_node'

html_element() frente a html_elements()

html_element() devuelve el primer nodo coincidente (o NA si no encuentra ninguno). html_elements() devuelve todos los nodos coincidentes como una lista. Use la forma singular cuando espere exactamente un resultado y la plural al extraer listas.

library(rvest)
page <- read_html('
  <ul>
    <li class="item">Apple</li>
    <li class="item">Banana</li>
    <li class="item">Cherry</li>
  </ul>
')
# Singular: gets first match
first_item <- html_element(page, '.item')
html_text2(first_item)  # 'Apple'

# Plural: gets all matches
all_items <- html_elements(page, '.item')
html_text2(all_items)  # c('Apple', 'Banana', 'Cherry')
length(all_items)  # 3

html_text2() para obtener texto limpio

html_text2() extrae el contenido de texto de los nodos, elimina las etiquetas HTML y normaliza los espacios en blanco. Trata <br> como saltos de línea. La función anterior html_text() gestiona peor los espacios en blanco.

library(rvest)
page <- read_html('
  <div class="product">
    <h2>  Laptop  </h2>
    <p>Price: <strong>$999</strong></p>
    <p>  Free   shipping  </p>
  </div>
')
# html_text2 trims whitespace intelligently
title <- html_element(page, 'h2')
html_text2(title)  # 'Laptop' (no extra spaces)

# From the whole div - collapses nested text
div <- html_element(page, '.product')
html_text2(div)  # 'Laptop\nPrice: $999\nFree shipping'

html_attr(): extraer atributos

html_attr(node, 'attr_name') extrae el valor de un atributo HTML. Es fundamental para obtener href de los enlaces, src de las imágenes, los atributos data-* y mucho más.

library(rvest)
page <- read_html('
  <div>
    <a href="https://example.com" title="Example site">Visit</a>
    <img src="/images/photo.jpg" alt="A photo">
    <div data-price="29.99">Product</div>
  </div>
')
# Extract href from link
link <- html_element(page, 'a')
html_attr(link, 'href')  # 'https://example.com'
html_attr(link, 'title')  # 'Example site'

# Extract src from image
img <- html_element(page, 'img')
html_attr(img, 'src')  # '/images/photo.jpg'

# Extract data attributes
div <- html_element(page, 'div[data-price]')
html_attr(div, 'data-price')  # '29.99'

html_attrs(): todos los atributos

html_attrs(node) devuelve un vector de caracteres con nombre que contiene TODOS los atributos de un nodo. Resulta útil cuando no conoce de antemano los nombres de los atributos o quiere inspeccionar qué hay disponible en un elemento.

library(rvest)
page <- read_html('
  <a href="/page" class="nav-link" id="home" data-section="main">Home</a>
')
link <- html_element(page, 'a')

# Get all attributes at once
attrs <- html_attrs(link)
attrs
# href        class        id           data-section
# '/page'     'nav-link'   'home'       'main'

# Access by name
attrs['href']   # '/page'
attrs['class']  # 'nav-link'
names(attrs)    # all attribute names

html_children(): nodos secundarios

html_children(node) devuelve los nodos secundarios inmediatos de un elemento. Combinado con html_name() para obtener los nombres de las etiquetas, resulta útil para comprender la estructura de una página mediante código.

library(rvest)
page <- read_html('
  <nav>
    <a href="/">Home</a>
    <a href="/about">About</a>
    <span>|</span>
    <a href="/contact">Contact</a>
  </nav>
')
nav <- html_element(page, 'nav')

# Get all direct children
kids <- html_children(nav)
length(kids)  # 4

# Get tag names of children
html_name(kids)  # c('a', 'a', 'span', 'a')

# Filter to only anchor children
links <- kids[html_name(kids) == 'a']
html_text2(links)  # c('Home', 'About', 'Contact')

html_name(): nombres de etiquetas

html_name(node) devuelve el nombre de la etiqueta de un nodo como una cadena en minúsculas (por ejemplo, 'div', 'p', 'a'). Resulta útil para filtrar listas de nodos por tipo de elemento después de recuperarlos.

library(rvest)
page <- read_html('
  <article>
    <h2>Title</h2>
    <p>First paragraph.</p>
    <img src="img.jpg">
    <p>Second paragraph.</p>
  </article>
')
article <- html_element(page, 'article')
all_children <- html_children(article)

# Check tag name of each child
html_name(all_children)
# c('h2', 'p', 'img', 'p')

# Get only paragraph children
paras <- all_children[html_name(all_children) == 'p']
html_text2(paras)
# c('First paragraph.', 'Second paragraph.')

Encadenar selecciones

Puede pasar un nodo (no solo el documento) como primer argumento de html_element(). Esto limita la búsqueda al interior de ese nodo, algo fundamental para extraer estructuras repetidas como tarjetas de productos o filas de tablas.

library(rvest)
page <- read_html('
  <div class="card">
    <h3>Laptop</h3>
    <span class="price">$999</span>
  </div>
  <div class="card">
    <h3>Phone</h3>
    <span class="price">$499</span>
  </div>
')
# Get all cards, then extract fields from each
cards <- html_elements(page, '.card')

names_list <- html_text2(html_elements(page, '.card h3'))
prices_list <- html_text2(html_elements(page, '.card .price'))

data.frame(name = names_list, price = prices_list)

html_attr en un NodeSet

Cuando se llama sobre un nodeset (el resultado de html_elements()), html_attr() devuelve un vector de valores de atributos, uno por nodo. Los atributos que faltan devuelven NA.

library(rvest)
page <- read_html('
  <ul>
    <li><a href="/page1">Page 1</a></li>
    <li><a href="/page2">Page 2</a></li>
    <li><span>No link</span></li>
    <li><a href="/page3">Page 3</a></li>
  </ul>
')
# Get all a elements
links <- html_elements(page, 'a')

# html_attr on a nodeset returns a vector
hrefs <- html_attr(links, 'href')
hrefs  # c('/page1', '/page2', '/page3')

# Link text alongside hrefs
texts <- html_text2(links)
data.frame(text = texts, href = hrefs)

Gestionar elementos ausentes

html_element() devuelve un nodo NA (no NULL) cuando no encuentra coincidencias. html_text2() aplicado a un nodo NA devuelve NA_character_. Compruebe siempre si hay NA en los resultados cuando los elementos puedan ser opcionales.

library(rvest)
page <- read_html('
  <div class="product">
    <h3>Widget</h3>
    <!-- No price tag here -->
  </div>
')
# Element exists
title <- html_element(page, 'h3')
html_text2(title)  # 'Widget'

# Element does NOT exist -> NA node
price <- html_element(page, '.price')
html_text2(price)  # NA
is.na(html_text2(price))  # TRUE

# Safe extraction with default
price_text <- html_text2(price)
if (is.na(price_text)) price_text <- 'N/A'
price_text  # 'N/A'

Integrarlo todo

Combine html_elements(), html_text2() y html_attr() para extraer datos estructurados en un data frame, el objetivo habitual del web scraping con rvest.

library(rvest)
page <- read_html('
  <div class="book">
    <a href="/book/1" class="title">R Programming</a>
    <span class="author">Hadley Wickham</span>
    <span class="rating" data-stars="5">*****</span>
  </div>
  <div class="book">
    <a href="/book/2" class="title">Advanced R</a>
    <span class="author">Hadley Wickham</span>
    <span class="rating" data-stars="5">*****</span>
  </div>
')
titles  <- html_text2(html_elements(page, '.title'))
authors <- html_text2(html_elements(page, '.author'))
links   <- html_attr(html_elements(page, 'a.title'), 'href')
ratings <- html_attr(html_elements(page, '.rating'), 'data-stars')
data.frame(title=titles, author=authors, link=links, stars=ratings)

Comprobación rápida

Compruebe sus conocimientos sobre las funciones principales de rvest para recorrer documentos HTML.

Repaso: funciones principales de rvest

Conceptos clave: read_html() carga páginas; html_element() obtiene la primera coincidencia; html_elements() obtiene todas las coincidencias. Extraiga texto con html_text2(), atributos con html_attr(), nodos secundarios con html_children() y nombres de etiquetas con html_name(). Los elementos ausentes devuelven nodos NA: gestione siempre los valores NA en los scrapers de producción.

library(rvest)
# Core rvest workflow:
# 1. Load page
# page <- read_html(url)

# 2. Find elements
# node  <- html_element(page, 'css-selector')
# nodes <- html_elements(page, 'css-selector')

# 3. Extract content
# html_text2(node)        -> text content
# html_attr(node, 'href') -> attribute value
# html_attrs(node)        -> all attributes
# html_name(node)         -> tag name
# html_children(node)     -> child nodes

# 4. Build data frame
# data.frame(title = html_text2(...), link = html_attr(...))
cat('rvest follows the tidy data philosophy')

Preguntas frecuentes

¿La lección «Fundamentos de html_element() y html_text()» es gratis?

Sí — el texto completo de «Fundamentos de html_element() y html_text()» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de R Academy, actualiza a CoddyKit PRO. El curso de R Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Fundamentos de html_element() y html_text()»?

Extraiga texto, atributos y datos de tablas de páginas analizadas. Practicas R Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar R Academy?

No se requiere experiencia previa. R Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.

¿Cuánto tiempo toma la lección «Fundamentos de html_element() y html_text()»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de R Academy?

Sí. Cada lección de R Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Estructura HTML y selectores CSS
  2. Fundamentos de html_element() y html_text()
  3. Extracción de tablas y enlaces
  4. Gestión de paginación y varias páginas
← Volver a R Academy