知りたかったのですが、h2見出しの最初の単語しか表示できない方法はありますか。
例えば:
ソースコードでは次のようになります
<h2> Stackoverflow is an Ideal Place</h2>
ただし、ライブWebサイトでは、次のようになります。
Stackoverflow
基本的には、見出し全体から最初の単語を表示したいと思います。ただし、検索エンジンは完全なタイトルを読み取る必要があります。
知りたかったのですが、h2見出しの最初の単語しか表示できない方法はありますか。
例えば:
ソースコードでは次のようになります
<h2> Stackoverflow is an Ideal Place</h2>
ただし、ライブWebサイトでは、次のようになります。
Stackoverflow
基本的には、見出し全体から最初の単語を表示したいと思います。ただし、検索エンジンは完全なタイトルを読み取る必要があります。
この方法を試してください
$(document).ready(function(){
var ac = $("#ac").text().split(' ');
$("#ac").text(ac[0])
})
CSSだけではできません。最初の文字、最初の行には疑似要素セレクターがありますが、最初の単語にはありません。
最初の単語のみが表示されるように幅を設定できます (overflow:hidden
もちろん使用します) が、すべてのフォント ファミリとサイズに対して確実に使用できるわけではありません。
最後に、プレーンな JavaScript または jQuery でそれを行うことができます。
プレーン JS:
var el = document.getElementById("ac");
el.innerHTML = el.innerHTML.split(/\s/)[0];
jQuery:
$("#ac").html(function(i, h) { return h.split(/\s/)[0];});
これはあなたが望むことをします...
<h2 id="ac">Stackoverflow is an Ideal Place</h2>
$('#ac').html( function(i, h) {
var words = h.split(/\s/);
return ' <h2>' + words[0] + '</h2>';
});