What does html5 ul mean?-Front-end Q&A-php.cn

Home

Web Front-end

Front-end Q&A

What does html5 ul mean?

青灯夜游

Mar 15, 2022 pm 06:10 PM

html5 unordered list

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
...
".

What does html5 ul mean?

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

tag to represent each item in the list.

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>

Copy after login

What does html5 ul mean?

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>

Copy after login

[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!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn