帮我写个html的按钮功能实现页面的多渠道分享

以下是一个简单的HTML按钮功能，用于实现页面的多渠道分享：

<!DOCTYPE html>
<html>
<head>
	<title>多渠道分享</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		.share-btn {
			display: inline-block;
			background-color: #4CAF50;
			color: white;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			font-size: 16px;
			margin-right: 10px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>多渠道分享</h1>
	<p>点击以下按钮分享该页面：</p>
	<button class="share-btn" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),'facebook-share-dialog','width=626,height=436');return false;">Facebook</button>
	<button class="share-btn" onclick="window.open('https://twitter.com/intent/tweet?url='+encodeURIComponent(location.href),'','width=500,height=300');return false;">Twitter</button>
	<button class="share-btn" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(location.href),'','width=500,height=300');return false;">LinkedIn</button>
	<button class="share-btn" onclick="window.open('https://pinterest.com/pin/create/button/?url='+encodeURIComponent(location.href),'','width=500,height=300');return false;">Pinterest</button>
	<button class="share-btn" onclick="window.open('https://www.reddit.com/submit?url='+encodeURIComponent(location.href),'','width=500,height=300');return false;">Reddit</button>
</body>
</html>

该代码创建了一个标题为“多渠道分享”的页面，包含一段简短的文字介绍和五个按钮，每个按钮代表一个分享渠道（Facebook、Twitter、LinkedIn、Pinterest和Reddit）。点击按钮时，将使用JavaScript打开一个新窗口，该窗口将显示该分享渠道的分享对话框，并将当前页面的URL作为参数传递给对话框。这样，用户就可以方便地将页面分享到不同的社交媒体平台上。