如何使用PHP创建动态页面标题

时间:2010-07-27 10:02:35

标签: php dynamic title

您好我想知道是否有人可以帮助解决这个PHP问题。

是否可以在H2标记中使用该文本并使用它来动态填充页面标题。

我也希望能够使用相同的技术将H2文本添加到元描述中 - 任何人都可以帮忙吗?

3 个答案:

答案 0 :(得分:5)

如果您的h2文本是动态制作的,那么您的网页的其他部分也可以动态创建。例如,如果您有一个变量$ a =“My Text”

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

使用此技术,您可以定义网页其他部分的文本。

答案 1 :(得分: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>

答案 2 :(得分:1)

对于任何寻找稍微更动态的方法的人来说,它同时使用meta和title并使用一些后退:

<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')选择器以选择描述元标记。

我使用bootstrap,因此第一个面板标题是我的后退案例:$('.panel-heading:first'),如果当前页面上没有标题标记,则将其更改为表示适当的所需后退。

当所有其他方法都失败时,此脚本会将标题的值保留为其当前值。