■やりたいこと
・PHPもjQueryも使えるwebサイトでheader.phpでヘッダーを共通化している。（WordpressなどのCMSではない）
・共通ヘッダー部にh1タグを入れたい。titleタグと同じにしたい。
・PHPでもできるけどjQueryのほうがシンプルにコード量少なくできそう。
■やり方
※下記例はわかりやすくする為、共通headerではなく個別のページとしています。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>該当ページのタイトル</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
// h1タグの中身をtitleと同じにする
var title_text = $("title").html();
$("#h1_title").html(title_text);
});
</script>
<h1 id="h1_title">jQueryがうまく動かない場合に表示したいタイトル</h1>
</body>
</html>
■参考にさせて頂いたページ
jQueryを使ってHTMLのhead内にアクセス：実験メモ
http://h2ham.seesaa.net/article/108298317.html