Foros del Web » Creando para Internet » HTML »

Que etiqueta uso principalmete para texto html5

Estas en el tema de Que etiqueta uso principalmete para texto html5 en el foro de HTML en Foros del Web. Hola como estan, Vereis la pregunta es sencilla me gustaria saber cual es la mejor eqtiqueta para dar estilo al texto en html5.o simplemete para ...
  #1 (permalink)  
Antiguo 08/03/2013, 05:52
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 17 años, 1 mes
Puntos: 4
Que etiqueta uso principalmete para texto html5

Hola como estan,

Vereis la pregunta es sencilla me gustaria saber cual es la mejor eqtiqueta para dar estilo al texto en html5.o simplemete para mostrarlo.

Un saludo amigos
  #2 (permalink)  
Antiguo 08/03/2013, 08:11
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Que etiqueta uso principalmete para texto html5

Para un párrafo de texto, utiliza la etiqueta p de párrafo.
  #3 (permalink)  
Antiguo 08/03/2013, 17:11
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Que etiqueta uso principalmete para texto html5

Para estilizar un texto se utiliza css, independientemente de la semántica de la etiqueta, sería tan aplicable a un p, como a un span, como a un div, article, section, etc
Existen algunas etiquetas que cumplen la doble función, <strong> por ejemplo, pero son muy pocas
sAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 09/03/2013, 12:45
 
Fecha de Ingreso: mayo-2004
Mensajes: 398
Antigüedad: 20 años
Puntos: 4
Respuesta: Que etiqueta uso principalmete para texto html5

Añade toda la semántica que puedas y olvídate de las tags que no aportan información a los buscadores como span, así conseguirás que los buscadores te indexen mejor debido a que estarás facilitándoles entender tu contenido.

<p>
<strong>
<h1><h2>...

y ya que estamos en <html5>

<article>
<content>
....
http://www.w3schools.com/html/html5_new_elements.asp
  #5 (permalink)  
Antiguo 09/03/2013, 13:00
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Que etiqueta uso principalmete para texto html5

Cita:
Iniciado por asitudela Ver Mensaje
Añade toda la semántica que puedas y olvídate de las tags que no aportan información a los buscadores como span, así conseguirás que los buscadores te indexen mejor debido a que estarás facilitándoles entender tu contenido.

<p>
<strong>
<h1><h2>...

y ya que estamos en <html5>

<article>
<content>
....
http://www.w3schools.com/html/html5_new_elements.asp
No confundas
No hay que olvidarse de ningún tag, hay que usarlos según corresponda
si tuviese
Código:
<article>
<p>lo que está en rojo no es relevante, lo que relamente importa es esto</p>
</article>
y quisiese estilizar la palabra "rojo" con un color, (usemos rojo para variar)

debería utilizar

Código:
<article>
<p>lo que <span class="destacar">está en rojo</span> no es relevante, lo que relamente importa <strong>es esto</strong></p>
</article>
+

Código CSS:
Ver original
  1. .destacar{
  2. color: red;
  3. }

__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 09/03/2013, 18:33
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Que etiqueta uso principalmete para texto html5

Cita:
Iniciado por asitudela Ver Mensaje
y ya que estamos en <html5>
<article>
<content>
  #7 (permalink)  
Antiguo 10/03/2013, 14:15
 
Fecha de Ingreso: mayo-2004
Mensajes: 398
Antigüedad: 20 años
Puntos: 4
Respuesta: Que etiqueta uso principalmete para texto html5

Cita:
Iniciado por Bonez Ver Mensaje
jeje sorry... <content> a saber que pasaría por mi cabeza en ese momento...

Lo dicho, siempre que sea posible utiliza las nuevas etiquetas de html5 para añadir metainformación, y claro, siempre no será posible utilizarlas para nuestros propósitos y como comentan para esos existen otras etiquetas como span... de ahí que decía 'Añade toda la semántica que puedas' (tampoco es plan de sacarle punta a todo)
  #8 (permalink)  
Antiguo 11/03/2013, 21:14
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: Que etiqueta uso principalmete para texto html5

Puedes usar <p>
Aparte un elemento <p> no puede contener un elemento de lista <ol> o <ul>

No puedes hacer esto

Código HTML:
Ver original
  1. <p>
  2. algo
  3. <ol>
  4. <li>algo</li>
  5. </ol>
  6. algo
  7. </p>

En su lugar tienes que usar varios elementos <p>
Código HTML:
Ver original
  1. <p>algo</p>
  2. <ol><li>algo</li></ol>
  3. <p>algo</p>

Pero para que no uses tanto codigo, la w3c recomienda que usemos el elemento <div> para dichos casos

Código HTML:
Ver original
  1. <div>
  2. algo
  3. <ol><li>algo</li></ol>
  4. algo
  5. </div>

Aparte puede que uses los elementos <hr> para saltos tematicos a nivel de parrafo

Saludos
  #9 (permalink)  
Antiguo 12/03/2013, 02:51
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Respuesta: Que etiqueta uso principalmete para texto html5

Cita:
Iniciado por hackjose Ver Mensaje
Aparte un elemento <p> no puede contener un elemento de lista <ol> o <ul>
No puedes hacer esto
en realidad en HTML 5 SI se puede...
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #10 (permalink)  
Antiguo 12/03/2013, 10:24
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 3 meses
Puntos: 181
Respuesta: Que etiqueta uso principalmete para texto html5

Cita:
Iniciado por webosiris Ver Mensaje
en realidad en HTML 5 SI se puede...
webosiris

Podrías citar la parte que dice eso? He leído el la pagina que y no encontré nada que diga eso.




Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #11 (permalink)  
Antiguo 12/03/2013, 11:02
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Que etiqueta uso principalmete para texto html5

Cita:
Iniciado por webosiris Ver Mensaje
en realidad en HTML 5 SI se puede...
Cita:
Iniciado por pitufoweb Ver Mensaje
webosiris

Podrías citar la parte que dice eso? He leído el la pagina que y no encontré nada que diga eso.

Saludos
Para ser estrictos
Esto no se puede
Código:
<p>
algo
<ol>
<li>algo</li>
</ol>
algo
</p>
ni en html 4/5 ni en xhtml

en html5 incluso, se puede hacer esto

Código:
<p>algo
<ol>
<li>algo</li>
</ol>
algox

<p>otro
<ol>
<li>algo</li>
</ol>
otrox
Pero claro, en ese caso los <p> se autocierran al aparecer el <ol> y algox y otrox, quedarían contenidos simplemente en el body, para visualzarlo vean este ejemplo

Código:
<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>titulo</title>
<style>
body{
color: navy;
}
	p{
	border-bottom: solid 1px #000;
	color: red;
	}
	
	ol{
	color: green;
	}
	</style>
</head>
<body>
<p>algo
<ol>
<li>algo</li>
</ol>
algox

<p>otro
<ol>
<li>algo</li>
</ol>
otrox
</body>
</html>
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #12 (permalink)  
Antiguo 12/03/2013, 16:01
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 15 años, 8 meses
Puntos: 187
Respuesta: Que etiqueta uso principalmete para texto html5

No es correcto un ol y ul no pueden ir dentro de un p.

Eso esta explicitamente nombrado en la especificación

Ver: http://www.w3.org/html/wg/drafts/htm...#the-p-element
  #13 (permalink)  
Antiguo 12/03/2013, 23:11
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Respuesta: Que etiqueta uso principalmete para texto html5

errata mia, disculpen... ya me parecía extraño

y eso que lo revisé antes... pero me había quedado la idea de que si, y claro, vi que los 2 elementos eran flow y dije, flow dentro de flow está ok... claro que no me di cuenta que P es además un phrasing
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -

Etiquetas: etiqueta, html5
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:37.