Home >Web Front-end >Front-end Q&A >What does html5 ul mean?
What does html5 ul mean?
- 青灯夜游Original
- 2022-03-15 18:10:186084browse
In HTML5, the full name of ul is "unordered list", which means "unordered list". The content between unordered lists has no order. Use the "
" tag to define each item of the list; Syntax " ".
- item value
- item value
...
The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.
In HTML5, the full name of ul is "unordered list", which means "unordered list".
Function: Add unordered list semantics to a bunch of content (a whole without sequential order), the items in the list are in no particular order
The content between the unordered list has no order, use
For example, the types of breakfast do not need to indicate the order, then you can use an unordered list.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML无序列表</title>
</head>
<body>
<p>早餐的种类：</p>
<ul>
<li>鸡蛋</li>
<li>牛奶</li>
<li>面包</li>
<li>生菜</li>
</ul>
</body>
</html>
Notes:
-
The browser will automatically add leading symbols to unnecessary lists, but you must remember that the function of ul is not to add small dots to the text, but to Add semantics to unordered lists
In fact, ul also has a type attribute, which can modify the style of the leading symbol. The values include disc, square, and circle.
But Since the style will be completed through CSS in the future, I won’t introduce it to you here
ul is a group tag, which must appear one after another. , that is to say, the li tag cannot exist alone and must be wrapped in ul
Since ul and li are a whole, it is not recommended to wrap other tags in ul. Always remember that the most important tag in ul is It is best to only write li tags
Although it is recommended to only write li tags in ul, the li tag is a container tag. You can add any tag to the li tag, and even add the ul tag
<ul>
<li>
好吃的
<ul>
<li>牛奶</li>
<li>面包</li>
</ul>
</li>
<li>
日用的
<ul>
<li>毛巾</li>
<li>牙膏</li>
</ul>
</li>
</ul>[Related recommendations: html video tutorial, web front-end】
The above is the detailed content of What does html5 ul mean?. For more information, please follow other related articles on the PHP Chinese website!