Morton 17 de julio de 2014 a las 13.07
   Imprimir artículo
elWebmaster.com

Prevén palabras viudas en tus títulos con PHP y JavaScript


javascriptwide2Las viudas son esas palabras que forman parte de un t√≠tulo pero que, por culpa de un limitado ancho, bajan a la siguiente l√≠nea. Se les llama as√≠ cuando es una sola palabra la que sufre este inconveniente, y siempre resulta ser poco agradable a la vista. ¬ŅC√≥mo podemos solucionarlo?

Este es un ejemplo de una viuda en un título:

widow-example

La manera m√°s efectiva de prevenirlas es a√Īadir un   entre las √ļltimas dos palabras del texto, en lugar del espacio normal. Para hacerlo en forma autom√°tica, esta es la mejor manera de lograrlo con PHP:

  1. $text = preg_replace( '|([^\s])\s+([^\s]+)\s*$|', '$1 $2', $text);

Si prefieren utilizar JavaScript, esta es otra manera:

  1. var text = text.replace(/\s(?=[^\s]*$)/g, ' ');

¬°Esperamos que te sea de utilidad!

Fuente original del artículo: David Walsh Blog
Traducción realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (2)

  1. guzman6001 dice:

    Realmente no lo entendí xD

  2. Leonardo dice:

    Invertiste los códigos, el de php es es segundo y el de jscript el primero.

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder