网站首页 文章专栏 动态给meta标签赋值
动态给meta标签赋值(springboot)
编辑时间:2019年08月04日 作者:SeeYou 浏览量:222 类型:java

动态给meta标签赋值

动态给meta标签赋值

最近博客遇到需求:为了更好的被收录,需要动态给meta标签赋值。刚开始,我使用了jQuery动态添加标签的方式,如:

	var keywords = [[${news.keywords}]];
	if([[${news.keywords}]] == null){
		$("#headId").append("<meta name='keywords' content='XXXX'/>");
	}else{
		$("#headId").append("<meta name='keywords' content="+keywords+"/>");
	}
	var describtion = [[${news.describtion}]];
	if([[${news.describtion}]] == null){
		$("#headId").append("<meta name='describtion' content='XXXX'/>");
	}else{
		$("#headId").append("<meta name='describtion' content="+describtion+"/>");
	}

结果:在浏览器使用“检查”可以看到效果,但是在“查看网页源码”项找不到对应的meta标签。原因:jQuery是通过浏览器内核来进行解析的,但需求是需要在服务器里边就先将该标签装配好。解决方案:后面我使用了thymeleaf模板,代码修改为:

	
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title id="title_find" th:attr="content=${Title}" ></title>
    <meta id="keywords" th:attr="content=${keywords} "/>
    <meta id="describtion" th:attr="content=${describtion} "/>


打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

出自:知兮寒兮

地址:applyset.xyz

版权声明:若无特殊注明,本文皆为《 知兮寒兮 》原创,转载请保留文章出处。

来说两句吧
最新评论