html5怎么给li加超链接,HTML5 LocalStorage - 如何将它与超链接一起使用?
时间: 2024-02-05 08:11:19 浏览: 97
可以在 `li` 标签中使用 `a` 标签来添加超链接,示例如下:
```html
<ul>
<li><a href="https://www.example.com">Link 1</a></li>
<li><a href="https://www.example.com">Link 2</a></li>
<li><a href="https://www.example.com">Link 3</a></li>
</ul>
```
至于如何将 `HTML5 LocalStorage` 与超链接一起使用,可以在点击超链接时将数据存储到本地存储中。可以使用 JavaScript 的 `localStorage` 对象来实现此功能。示例如下:
```html
<ul>
<li><a href="#" onclick="saveData('Link 1')">Link 1</a></li>
<li><a href="#" onclick="saveData('Link 2')">Link 2</a></li>
<li><a href="#" onclick="saveData('Link 3')">Link 3</a></li>
</ul>
<script>
function saveData(data) {
localStorage.setItem('linkData', data);
}
</script>
```
在上面的示例中,当用户点击超链接时,会调用 `saveData` 函数将数据存储到 `localStorage` 中。可以根据具体需求来修改代码。