집 >웹 프론트엔드 >프런트엔드 Q&A >li는 html5의 단일 태그입니까?

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

青灯夜游원래의: 2021-12-17 11:08:003523검색

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

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

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

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

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

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

也有单独呈现的标签，如：<img src="1.jpg" 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의 단일 태그입니까?

有序列表需要使用

标签：
- 是 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="1.jpg" 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 태그는 모두 "
    - "로 나타납니다. "
    - 태그는 목록 항목을 정의합니다. 🎜
    - 태그는 순서가 있는 목록(
      )에서 사용할 수 있습니다. 🎜🎜예:🎜rrreee🎜🎜🎜순서가 지정된 목록에는
      및
      태그를 사용해야 합니다. 🎜
      
      🎜은 order list의 약어로, 순서가 지정된 목록을 의미합니다. 기본적으로 1부터 시작하여 목록의 각 항목에 번호를 붙일 수 있습니다. 🎜🎜
      
      🎜
      
      는 목록의 각 항목을 나타내는 약어입니다.
      목록 항목에는 텍스트, 이미지, 링크 등이 포함될 수도 있고 다른 목록도 포함될 수 있습니다. 🎜🎜🎜🎜
      은 일반적으로
      와 함께 사용되며 단독으로 표시되지 않으며
      에서 직접
      이외의 다른 태그를 사용하는 것은 권장되지 않습니다. 🎜rrreee🎜🎜🎜 순서가 지정되지 않은 목록에는
      태그를 사용해야 합니다. 🎜
      🎜
      순서가 없는 목록 . 🎜🎜
      🎜
      은
      
      의
      와 동일하며 목록의 각 항목을 나타냅니다. 기본적으로 순서가 지정되지 않은 목록의 각 항목은 ● 기호로 표시됩니다. 🎜🎜🎜🎜
      은 일반적으로
      와 함께 사용되며 단독으로 표시되지 않으며
      에서 직접
      이외의 다른 태그를 사용하는 것은 권장되지 않습니다. 🎜rrreee🎜🎜🎜🎜관련 추천: "🎜html 비디오 튜토리얼🎜"🎜

위 내용은 li는 html5의 단일 태그입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

html5 html ul li

성명：