HTML5是一種超文本標記語言，它被廣泛應用于萬維網上的各種網站和應用程序中。HTML5提供了許多新的功能和特性，使得網站和應用程序更加靈活和易于開發。其中，給li設置屬性是HTML5中的一項非常重要的功能之一。 在HTML5中，我們可以給li元素設置各種屬性，以便在網站或應用程序中更加靈活地使用它們。下面是一個示例代碼，演示了如何給li元素設置屬性：

<ul>
<li data-id="001" data-name="John" data-age="30">John - 30</li>
<li data-id="002" data-name="Kate" data-age="25">Kate - 25</li>
<li data-id="003" data-name="Tom" data-age="35">Tom - 35</li>
</ul>

在這個示例代碼中，我們給每個li元素都添加了三個屬性：data-id、data-name和data-age。這些屬性的值分別表示每個li元素的唯一標識、姓名和年齡。通過這些屬性，我們可以在網站或應用程序中更加靈活地使用這些li元素。 例如，我們可以使用JavaScript代碼來獲取每個li元素的屬性值，并進行相關的處理。下面是一個示例代碼，演示了如何使用JavaScript代碼獲取li元素的屬性值：

var lis = document.querySelectorAll('li');
for(var i=0; i<lis.length; i++) {
var id = lis[i].getAttribute('data-id');
var name = lis[i].getAttribute('data-name');
var age = lis[i].getAttribute('data-age');
console.log('ID: ' + id + ', Name: ' + name + ', Age: ' + age);
}

在這個示例代碼中，我們使用querySelectorAll方法獲取所有li元素的引用，然后遍歷每個li元素，并使用getAttribute方法獲取每個li元素的屬性值。最后，我們將屬性值輸出到控制臺中，以便進行后續處理。 總之，給li設置屬性是HTML5中非常重要的功能之一。通過這些屬性，我們可以更加靈活地使用li元素，并為網站或應用程序添加更多的功能和特性。如果您正在開發Web應用程序或網站，那么一定要熟練掌握HTML5中給li設置屬性的功能。