文献种类:专题技术文献;
<body>标签
开发工具与关键技术:VS/HTML
作者:吴泽锋
撰写时间:2019年5月28日
2、<body></body> 标签
定义及用法:
body 元素定义文档的主体。
body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
HTML 与 XHTML 之间的差异:
在 HTML 4.01 中,所有 body 元素的“呈现属性”均不被赞成使用。
在 XHTML 1.0 Strict DTD 中,所有 body 元素的“呈现属性”均不被支持。
例:一个简单的 HTML 文档,带有最基本的必需的元素:
<html>
<head>
<title>HTML 页面 文档的标题</title> title 元素的内容会显示在浏览器的标题栏中。
</head>
<body> 文档的内容... ...;</body>
</html>
可选择的属性:
属性 描述 值
alink 规定文档中活动链接(active link)的的颜色。 属性值
语法:<body alink="value">
注释:当链接被点击时,该链接就处于活动状态。
例:文档中活动链接的颜色被设置为绿色:
<body alink="green">
<p><a href="URL1">URL1 </a></p> <p><a href="URL2">URL2 </a></p>
</body>
可能会因为浏览器原因而导致略有差异;
兼容性注释:
在 HTML 4.01 中,不赞成使用 body 元素的 alink 属性;
在 XHTML 1.0 Strict DTD 中,不支持 body 元素的 alink 属性。
请使用 CSS 代替:
CSS 语法:<style>a:active {color: #0000FF;}</style>
例:规定链接的颜色:
<style type="text/css">
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
</style>
<p><b><a href="URL ">这是一个链接。</a></b></p>
<p><b>注释:</b>在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!</p>
<p><b>注释:</b>在 CSS 定义中,a:active 必须位于 a:hover 之后,这样才能生效!</p>
注释:Pseudo-class(伪类)的名称对大小写不敏感。
注释:伪类可与 CSS 类配合使用:如果这个例子中的链接已访问过,那么它会显示为红色。
<style type="text/css">
a.red:visited {color: #00FF00} /* 已访问的链接 */
</style>
<a class="red" href=" index.html "> index.html </a>
bgcolor 规定文档的背景颜色。
语法:<body bgcolor="value ">
例:文档规定背景颜色:
<body bgcolor="#E6E6FA">
<p><a href="URL1">URL1</a></p>
<p><a href="URL2">URL2</a></p>
</body>
兼容性注释:
在 HTML 4.01 中,不赞成使用 body 元素的 bgcolor 属性;
在 XHTML 1.0 Strict DTD 中,不支持 body 元素的 bgcolor 属性
请使用 CSS 代替:
CSS 语法:<body style="background-color:#E6E6FA">
link 规定文档中未访问链接的默认颜色。
语法:<body link ="value ">
例:将文档中的默认链接颜色设置为天蓝色:
<body link="skyblue">
<p><a href="http://www.baidu.com.cn">baidu.com.cn</a></p>
<p><a href="http://www.baidu.com.cn/html/">HTML Tutorial</a></p>
</body>
兼容性注释:
在 HTML 4.01 中,不赞成使用 body 元素的 link 属性;
在 XHTML 1.0 Strict DTD 中,不支持 body 元素的 link 属性。
请使用 CSS 代替:
CSS 语法:<style>a:link{color: #0000FF;}</style>
text 规定文档中所有文本的颜色。
语法:<body text ="value ">
例:设置文档中的文本颜色:
<body text="skyblue"> <p> wekmnest</p> </body>
兼容性注释:
在 HTML 4.01 中,不赞成使用 body 元素的 text 属性;
在 XHTML 1.0 Strict DTD 中,不支持 body 元素的 text 属性。
请使用 CSS 代替:
CSS 语法:<style>body{color: skyblue;}</style>
vlink 规定文档中已被访问链接的颜色。
语法:<body vlink ="value ">
例:将文档中已被访问的链接颜色设置为天蓝色:
<body vlink="skyblue">
<p><a href="http://www.baidu.com.cn">baidu.com.cn</a></p>
<p><a href="http://www.baidu.com.cn/html/">HTML Tutorial</a></p>
</body>
兼容性注释:
在 HTML 4.01 中,不赞成使用 body 元素的 vlink 属性;
在 XHTML 1.0 Strict DTD 中,不支持 body 元素的 vlink 属性。
请使用 CSS 代替:
CSS 语法:<style>a:visited{color: skyblue;}</style>
属性值:以上属性的值
属性 值
color_name 规定颜色值为颜色名称的字体颜色(比如 "red")。colorname
hex_numbe 规定颜色值为十六进制值的字体颜色(比如 "#ff0000")。#xxxxxx
rgb_number 规定颜色值为 rgb 代码的字体颜色(比如 "rgb(255,0,0)")。rgb(x,x,x);
background 规定文档的背景图像。 URL
例:文档规定一幅背景图像:
<body background="timg.jpg"><h1>Hello world!</h1>
<p><a href="http://www.baidu.com.cn">Visit baidu.com.cn!</a></p>
</body>
兼容性注释:
在 HTML 4.01 中,不赞成使用 body 元素的 background 属性;
在 XHTML 1.0 Strict DTD 中,不支持 body 元素的 background 属性。
请使用 CSS 代替。
CSS 语法:<body style="background-image:url(timg.jpg)">
不赞成使用。请使用样式取代它。
alink、background、bgcolor、link、text、vlink:不赞成在
<body> 标签里面使用,最好使用样式取代它们。
借鉴于W3CSchool文档;