li는 html5의 단일 태그입니까?-프런트엔드 Q&A-php.cn

집

웹 프론트엔드

프런트엔드 Q&A

li는 html5의 단일 태그입니까?

青灯夜游

Dec 17, 2021 am 11:08 AM

html5 li

HTML5에서 li는 단일 태그가 아니지만 "

"와 "
"는 쌍으로 나타나며 목록 항목을 정의하는 데 사용됩니다. 목록, 순서가 지정되지 않은 목록 및 메뉴 목록의 경우 구문은 "
목록 항목 값
...목록 레이블 이름>"입니다.

li는 html5의 단일 태그입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML에서 태그가 꺾쇠괄호로 둘러싸인 키워드는 일반적으로 <div> 및 <code>

와 같이 쌍으로 표시됩니다. ". 여는 태그와 닫는 태그는 여는 태그, 닫는 태그라고도 합니다. <div> 和 <code>

，这种的被称为“双标记”。开始和结束标签也被称为开放标签和闭合标签。

也有单独呈现的标签，如：<img src="/static/imghw/default1.png" data-src="1.jpg" class="lazy" alt="li는 html5의 단일 태그입니까?" >等，这种的被称为“单标记”。

一般成对出现的标签，其内容在两个标签中间。

那么li属于单标记？还是双标记？

我们来看看它的工作方式：

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

로그인 후 복사

可以看出，li标签都是“

”和“

”成对出现的，因此li属于双标记。

标签定义列表项目。

标签可用在有序列表（

）中。

示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML有序列表</title>
</head>
<body>
    <p>煮米饭的步骤：</p>
    <ol>
        <li>将水煮沸</li>
        <li>加入一勺米</li>
        <li>搅拌均匀</li>
        <li>继续煮10分钟</li>
    </ol>
</body>
</html>

로그인 후 복사

li는 html5의 단일 태그입니까?

有序列表需要使用

标签：
- 2. 是 list item 的简称，表示列表的每一项，
    1. 就表示有多少条内容。列表项中可以包含文本、图片、链接等，甚至还可以是另外一个列表。
注意，
1. 配合使用，不会单独出现，而且不建议在
  1. 之外的其他标签。
```
<!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>
```
    로그인 후 복사
    无序列表需要使用
    - 标签：
      - 是 unordered list 的简称，表示无序列表。
        和
        中的
        一样，都表示列表中的每一项。默认情况下，无序列表的每一项都使用●
        <img src="/static/imghw/default1.png" data-src="1.jpg" class="lazy" / alt="li는 html5의 단일 태그입니까?" > 등과 같이 별도로 표시되는 태그도 있습니다. 이러한 유형의 태그를 "단일 태그"라고 합니다.
        일반적으로 쌍으로 나타나는 태그는 두 태그의 중간에 내용이 있습니다.
        그럼 li는 단일 태그인가요? 아니면 이중 표시?
        작동 방식을 살펴보겠습니다.
        <menu type="toolbar"> <li> <menu label="File"> <button type="button" onclick="file_new()">New...</button> <button type="button" onclick="file_open()">Open...</button> <button type="button" onclick="file_save()">Save</button> </menu> </li> <li> <menu label="Edit"> <button type="button" onclick="edit_cut()">Cut</button> <button type="button" onclick="edit_copy()">Copy</button> <button type="button" onclick="edit_paste()">Paste</button> </menu> </li> </menu>
        로그인 후 복사
        보시다시피 li 태그는 모두 "
        "로 나타납니다. "
        "와 쌍을 이루므로 li는 이중 태그입니다.
        
        태그는 목록 항목을 정의합니다. 🎜
        
        태그는 순서가 있는 목록(
        ), 순서가 없는 목록(
        
        ) 및 메뉴 목록(
        )에서 사용할 수 있습니다. 🎜🎜예:🎜rrreee🎜🎜🎜순서가 지정된 목록에는
        및
        태그를 사용해야 합니다. 🎜
        
        🎜은 order list의 약어로, 순서가 지정된 목록을 의미합니다. 기본적으로 1부터 시작하여 목록의 각 항목에 번호를 붙일 수 있습니다. 🎜🎜
        
        🎜
        
        는 목록의 각 항목을 나타내는 약어입니다.
        목록 항목에는 텍스트, 이미지, 링크 등이 포함될 수도 있고 다른 목록도 포함될 수 있습니다. 🎜🎜🎜🎜
        은 일반적으로
        와 함께 사용되며 단독으로 표시되지 않으며
        에서 직접
        이외의 다른 태그를 사용하는 것은 권장되지 않습니다. 🎜rrreee🎜🎜🎜 순서가 지정되지 않은 목록에는
        태그를 사용해야 합니다. 🎜
        🎜
        순서가 없는 목록 . 🎜🎜
        🎜
        은
        
        의
        와 동일하며 목록의 각 항목을 나타냅니다. 기본적으로 순서가 지정되지 않은 목록의 각 항목은 ● 기호로 표시됩니다. 🎜🎜🎜🎜
        은 일반적으로
        와 함께 사용되며 단독으로 표시되지 않으며
        에서 직접
        이외의 다른 태그를 사용하는 것은 권장되지 않습니다. 🎜rrreee🎜🎜🎜🎜관련 추천: "🎜html 비디오 튜토리얼🎜"🎜
        
        위 내용은 li는 html5의 단일 태그입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!