欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

Prevent Widows with PHP and?JavaScript

程序员文章站 2022-04-28 17:15:11
...

Read the full article at: Prevent Widows with PHP andJavaScript One of the small touches you can add to your website is preventing widows in your H1 - H6 tags. ?For those who arent aware, a widow (in terms of text and headings) means only

Read the full article at: Prevent Widows with PHP and JavaScript

Prevent Widows with PHP and?JavaScript
Prevent Widows with PHP and?JavaScript

One of the small touches you can add to your website is preventing “widows” in your H1-H6 tags. ?For those who aren’t aware, a widow (in terms of text and headings) means only one word of a title wraps to the next line — a bit of an ugly sight if you ask me. ?The way to prevent widows with just text is by adding a between the last two words of the text instead of a regular space character. ?Here are two snippets for preventing widows in your website: ?one?using JavaScript and another using PHP!

// With JavaScript
var text = text.replace(/\s(?=[^\s]*$)/g, '?');
// With PHP
$text = preg_replace( '|([^\s])\s+([^\s]+)\s*$|', '$1?$2', $text);

As I mentioned originally, widows are not necessarily a bug, but a?small visual quirk that just doesn’t look great. ?Keep these regex usages?handy so you can prevent such a smudge!