HTML - address 标签_HTML 菜鸟教程

<address> 标签用于一个或多个人员或组织的联系信息。它包括联系信息所指的个人、人员或组织的名称，并且可能包括任何类型的联系信息，例如实际地址、URL、电子邮件地址、电话号码、社交媒体句柄、地理坐标等。

<address>标签可用于各种上下文，包括在页眉中显示公司的联系信息，以及通过在 <article> 中插入 <address> 元素来标识文章的作者。

语法


<address>...</address>

属性

<address>标签支持 HTML 的全局属性和事件属性。

<address>标签示例

在下面的示例中，我们将看到<address>标签部分，使用CSS的卡片布局上的地址以及联系人地址的示例。

使用<address>标签定义地址

在以下示例中，让我们看看 HTML <address>标签的用法。


<!DOCTYPE html>
<html>
<head>
		<title>HTML address tag</title>
</head>
<body>
		<address> 
			You can contact author at 
			<a href="/contact">
			 www.qikepu.com
			</a><br> If you see any bugs, please
			<a href="mailto:webmaster@qikepu.com"> 
			contact webmaster</a> <br> You may also 
			want to visit us: <br /> qikepu PVT LTD
			<br> Madhapur Hyderabad <br> Kaveri hills,
			zip 500081 <br> Telangana 
		</address>
</body>
</html>

使用 CSS 对<address>标签进行调整

考虑以下示例，我们将在其中使用 <address>标签并对其应用 CSS 属性。


<!DOCTYPE html>
<html>
<head>
		<title>HTML address tag</title>
		<style>
		 address {
				 border: 2px solid black;
				 padding: 5px;
				 width: 350px;
				 background-color: lightgray;
				 box-shadow: 5px 5px #888888;
		 }
		</style>
</head>
<body>
		<address> 
			You can contact author at 
			<a href="http://www.qikepu.com/contact">
			 www.qikepu.com
			</a><br> If you see any bugs, please
			<a href="mailto:webmaster@qikepu.com"> 
			contact webmaster</a> <br> You may also 
			want to visit us: <br /> qikepu PVT LTD
			<br> Madhapur Hyderabad <br> Kaveri hills,
			zip 500081 <br> Telangana 
		</address>
</body>
</html>

使用<address>标签的联系信息

让我们看一下下面的例子，我们将使用 <address> 标签来提供联系信息。


<!DOCTYPE html>
<html>
<body>
	 <p>Contact the author of this page:</p>
	 <address>
			&#128231;: 
			<a href="qikepu@qikepu.com">
				 xyz@qikepu.com
			</a>
			<br>
			&#128222;: 
			<a href="tel:+13115552368">
				 (+91) 8899056432
			</a>
	 </address>
</body>
</html>

支持的浏览器

浏览器
<address>	Yes	Yes	Yes	Yes	Yes

<< HTML - abbr 标签 HTML - bdi 标签 >>