2010-07-27 57 views
4

嗨,我想知道是否有人可以幫助解決這個PHP問題。如何使用PHP創建動態頁面標題

是否可以使用H2標籤中的文本並使用它來動態填充頁面標題。

我也希望能夠使用相同的技術將H2文本添加到元描述中 - 任何人都可以提供幫助嗎?

+3

H2的文本來自哪裏?它是HTML文件中的靜態文本嗎?你有控制它嗎? – 2010-07-27 10:06:58

回答

3

這聽起來像的東西,jQuery的將擅長:

<script type='text/javascript' src='jquery-1.4-min.js'></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     document.title = $('h2:first').text(); 
    }); 
</script> 

要修改元數據,你會做更多的相同。我強烈建議使用jQuery - Novice to Ninja作爲一種使用jQuery深入研究的驚人方式。

<html> 
<head> 
<meta description="" /> 
<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('meta:first').attr('description', $('h2:first').text()); 
     alert($('meta:first').attr('description')); 
    }); 
</script> 
</head> 
<body> 
<h2>Testing 123</h2> 
</body> 
</html> 
+0

有沒有辦法將H2標籤的內容也添加到元描述中? – 2010-07-27 16:06:13

+0

剛剛嘗試過這個,它工作的一種享受。謝謝!仍然需要得到相同的信息到meta描述... – 2010-07-27 16:09:46

+0

謝謝喬納森爲你的所有幫助! :) – 2010-08-25 16:41:20

5

如果您的h2文本是動態製作的,那麼您的網頁的其他部分也可以動態創建。舉例來說,如果你有一個變量$ a =「我的文本」

<?php 
$a = "My Text" 
?> 
<html> 
<head> 
<title><?php echo $a;?></title> 
</head> 
<body> 
<h2><?php echo $a;?></h2> 
</body> 
</html> 

使用這種技術,你可以定義網頁的其他部分的文本。

+5

這很好,因爲搜索引擎會看到標題。 – Jonathan 2010-07-27 12:03:27

+0

嗨,H2標籤不是動態創建的。有沒有辦法在一些PHP中包裝H2標籤,因此它會吐出頁面標題並將H2標籤中的文本添加到元描述中? – 2010-07-27 16:04:30

+0

@Stephen不完全。你需要多少頁才能做到這一點? – 2010-07-27 16:11:45

1

爲尋找這確實元和標題在同一時間,並使用了一些下跌的背上一個稍微動態方法:

<script type="text/javascript"> 
$(document).ready(function() { 
    $title = ''; 
    if($('h1:first').text() != '') 
    { 
     $title = $('h1:first').text(); 
     document.title = document.title + " | " + $title; 
     $('meta:first').attr('content', $title); 
    } else if($('h2:first').text() != ''){ 
     $title = $('h2:first').text(); 
     document.title = document.title + " | " + $title; 
     $('meta:first').attr('content', $title); 
    } else if($('h3:first').text() != ''){ 
     $title = $('h3:first').text(); 
     document.title = document.title + " | " + $title; 
     $('meta:first').attr('content', $title); 
    } else if($('.panel-heading:first').text() != ''){ 
     $title = $('.panel-heading:first').text(); 
     document.title = document.title + " | " + $title; 
     $('meta:first').attr('content', $title); 
    } 
}); 
</script> 

這將拼接生成的標題到您當前的標題結束。它還將描述設置爲相同的值。

您必須將描述元標記作爲標題中的第一個元標記才能用於設置描述元。如果不是這種情況,您可以更改$('meta:first')選擇器以選擇說明元標記。

我使用引導程序,因此第一個面板標題是我的回退情況:$('.panel-heading:first'),如果當前頁面上沒有標題標記,則將其更改爲表示適當的所需回退。

當所有其他都失敗時,此腳本會將您的標題值保留爲當前值。