<meta />标签用法总结

(一)定义和用法
<meta /> 标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta /> 标签只能位于文档的头部,不包含任何内容。<meta /> 标签的属性定义了与文档相关联的名称/值对。
<meta /> 标签除了可以指定id属性之外,还可以指定http-equiv,name,content三个属性。

(二)属性用法解析
1、name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是:
<meta name="参数" content="具体的参数值">
其中name属性主要有以下几种参数:
A、Keywords(关键字)
说明:keywords用来告诉搜索引擎你网页的关键字是什么。
举例:<meta name="keywords"content="politics,relationships,human">
B、description(网站内容描述)
说明:description用来告诉搜索引擎你的网站主要内容。
举例:<meta name="description" content="This page is about the meaning of science, education,culture.">
C、robots(机器人向导)
说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。 content的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例:<meta name="robots" content="none">
D、author(作者)
说明:标注网页的作者
举例:<meta name="author" content="root,root@21cn.com">
E、Copyright (版权)
说明:标注版权转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com
举例:<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">
F、Generator (编辑器)
说明:编辑器的说明
举例:<Meta name="Generator" Content="PCDATA|FrontPage|">

2、http-equiv属性
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
meta标签的http-equiv属性语法格式是:
<meta http-equiv="参数" content="参数变量值"> ;
A、Expires(期限)
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
注意:必须使用GMT的时间格式。
B、Pragma(cache模式)
说明:禁止浏览器从本地计算机的缓存中访问页面内容。
用法:<meta http-equiv="Pragma" content="no-cache">
注意:这样设定,访问者将无法脱机浏览。
C、Refresh(刷新)
说明:自动刷新并指向新页面。
用法:<meta http-equiv="Refresh" content="2;URL=http://www.root.net">(注意后面的引号,分别在秒数的后面和网址的前面)
注意:其中的2是指停留2秒钟后自动刷新到URL网址。
D、Set-Cookie(cookie设定)
说明:如果网页过期,那么存盘的cookie将被删除。
用法:
<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">
注意:必须使用GMT的时间格式。
E、Window-target(显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。
用法:<meta http-equiv="Window-target" content="_top">
注意:用来防止别人在框架里调用自己的页面。
F、content-Type(显示字符集的设定)
说明:设定页面使用的字符集。
用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">
G、content-Language(显示语言的设定)
用法:<meta http-equiv="Content-Language" content="zh-cn" />

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,我们需要一个 JavaBean 来保存用户的选择,包括背景颜色、文字大小、字体和颜色,并提供相应的 getter 和 setter 方法。假设这个 JavaBean 叫做 PageStyle,代码如下: ```java public class PageStyle { private Color backgroundColor; private int fontSize; private String fontName; private Color fontColor; public Color getBackgroundColor() { return backgroundColor; } public void setBackgroundColor(Color backgroundColor) { this.backgroundColor = backgroundColor; } public int getFontSize() { return fontSize; } public void setFontSize(int fontSize) { this.fontSize = fontSize; } public String getFontName() { return fontName; } public void setFontName(String fontName) { this.fontName = fontName; } public Color getFontColor() { return fontColor; } public void setFontColor(Color fontColor) { this.fontColor = fontColor; } } ``` 接下来,我们需要一个 JSP 页面来展示用户的选择,并根据用户的选择来设置页面的样式。代码如下: ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Page Style Example</title> </head> <body> <h1>Page Style Example</h1> <form action="updateStyle.jsp" method="post"> <label>Background Color:</label> <select name="backgroundColor"> <option value="white">White</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select><br> <label>Font Size:</label> <select name="fontSize"> <option value="12">12px</option> <option value="16">16px</option> <option value="20">20px</option> <option value="24">24px</option> </select><br> <label>Font Name:</label> <select name="fontName"> <option value="Arial">Arial</option> <option value="Verdana">Verdana</option> <option value="Tahoma">Tahoma</option> <option value="Times New Roman">Times New Roman</option> </select><br> <label>Font Color:</label> <select name="fontColor"> <option value="black">Black</option> <option value="white">White</option> <option value="red">Red</option> <option value="green">Green</option> <option value="blue">Blue</option> </select><br> <input type="submit" value="Update Style"> </form> <div style="background-color: ${pageStyle.backgroundColor}; font-size: ${pageStyle.fontSize}px; font-family: ${pageStyle.fontName}; color: ${pageStyle.fontColor}; padding: 10px;"> <p>This is an example of a page with a dynamic style.</p> <p>The background color, font size, font name and font color can be changed by the user.</p> </div> </body> </html> ``` 在这个 JSP 页面中,我们使用了 JSTL 标签库来获取 PageStyle 对象的属性,并将其应用到页面中的样式中。注意,在 form 中我们指定了 action 为 updateStyle.jsp,这是用来接收用户的选择并更新 PageStyle 对象的页面。我们来看一下 updateStyle.jsp 的代码: ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.awt.Color" %> <jsp:useBean id="pageStyle" class="PageStyle" scope="session" /> <jsp:setProperty property="backgroundColor" name="pageStyle" value="${param.backgroundColor}" /> <jsp:setProperty property="fontSize" name="pageStyle" value="${param.fontSize}" /> <jsp:setProperty property="fontName" name="pageStyle" value="${param.fontName}" /> <jsp:setProperty property="fontColor" name="pageStyle" value="${param.fontColor}" /> <jsp:forward page="pageStyle.jsp" /> ``` 在这个 JSP 页面中,我们首先导入了 java.awt.Color 类,这是用来表示颜色的类。然后我们使用了 jsp:useBean 标签来创建或获取一个名为 pageStyle 的 PageStyle 对象,并将其保存在 session 中。接着,我们使用了 jsp:setProperty 标签来设置 PageStyle 对象的属性,这里使用了 EL 表达式来获取用户的选择。最后,我们使用 jsp:forward 标签将请求转发到 pageStyle.jsp 页面,这个页面将展示用户的选择。 最后,我们来看一下 pageStyle.jsp 的代码: ```html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <jsp:useBean id="pageStyle" class="PageStyle" scope="session" /> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Page Style Example</title> </head> <body style="background-color: ${pageStyle.backgroundColor};"> <h1>Page Style Example</h1> <div style="background-color: ${pageStyle.backgroundColor}; font-size: ${pageStyle.fontSize}px; font-family: ${pageStyle.fontName}; color: ${pageStyle.fontColor}; padding: 10px;"> <p>This is an example of a page with a dynamic style.</p> <p>The background color, font size, font name and font color can be changed by the user.</p> </div> </body> </html> ``` 这个 JSP 页面和之前的页面很相似,唯一的区别是它展示的是用户选择后的样式。我们使用了 jsp:useBean 标签来获取名为 pageStyle 的 PageStyle 对象,并将其应用到页面中的样式中。 总结一下,我们通过一个 JavaBean 来保存用户的选择,通过 JSP 页面来展示用户的选择并更新 JavaBean,最后展示用户选择后的页面样式。这种方式可以让用户自定义页面的样式,增加了网站的可定制性和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值