```html
标签编程是一种通用的编程方法，它利用标签（tags）来定义和操作数据。以下是一个简单的标签编程案例，展示如何使用标签来操作商品信息。
假设你正在开发一个电子商务网站，需要展示各种商品的信息，包括名称、价格和描述。你希望通过标签编程的方式来管理和展示这些商品信息。
我们定义一些商品的标签，每个标签代表一个商品，包括名称、价格和描述。
<product name="手机" price="2000" description="一款功能强大的智能手机"></product>
<product name="电视" price="3000" description="一台高清晰度的智能电视"></product>
<product name="笔记本电脑" price="5000" description="一台轻薄便携的笔记本电脑"></product>
我们可以使用标签属性来获取和展示商品的信息。
<product name="手机" price="2000" description="一款功能强大的智能手机"></product>
<product name="电视" price="3000" description="一台高清晰度的智能电视"></product>
<product name="笔记本电脑" price="5000" description="一台轻薄便携的笔记本电脑"></product>
<! 展示商品信息 >
<div class="productinfo">
<h3>商品信息</h3>
<p>名称：<span class="name"></span></p>
<p>价格：<span class="price"></span></p>
<p>描述：<span class="description"></span></p>
</div>
<script>
// 获取商品标签并展示信息
const products = document.querySelectorAll('product');
const productInfo = document.querySelector('.productinfo');
products.forEach(product => {
const name = product.getAttribute('name');
const price = product.getAttribute('price');
const description = product.getAttribute('description');
const nameSpan = productInfo.querySelector('.name');
const priceSpan = productInfo.querySelector('.price');
const descriptionSpan = productInfo.querySelector('.description');
nameSpan.textContent = name;
priceSpan.textContent = price;
descriptionSpan.textContent = description;
});
</script>
名称：
价格：
描述：