HTML5에서 새 태그를 사용하는 방법

HTML5는 nav(웹사이트 탐색 블록) 및 바닥글과 같은 몇 가지 새로운 요소와 속성을 제공합니다. 이 태그는 검색 엔진 색인 생성에 도움이 되며 작은 화면 장치와 시각 장애가 있는 사용자를 더 잘 지원합니다. 또한 오디오 및 비디오 태그와 같은 다른 탐색 요소에 대한 새로운 기능도 제공합니다. 모든 사람과 함께 HTML5의 새로운 태그를 사용하는 방법을 알아봅시다.

<header style="text-align: center; color: 
blue;">欢迎来到Html5的学习之路，我是header标签。</header>

이것은 옵션 목록을 정의하는 태그 데이터 목록입니다. 이 기능은 텍스트 텍스트 상자를 선택 태그와 결합하는 것입니다

<input type="text" list="phone">
<datalist id="phone">
    <option></option>
    <option>IPhone</option>
    <option>华为 </option>
    <option>小米 </option>
    <option>三星</option>
</datalist>    
<font color="red">这里我发现了两者一个不同之处在于，datalist只有在输入框为空的时候才会有自己定义下拉的内容!</font>
<br/>

그리고 이 선택 옵션 상자는 내용이 무엇이든 관계없이 존재합니다.

문서의 세부 사항을 정의하는 태그입니다. 세부 태그. 주요 기능은 간단합니다.

<select>
<option>IPhone</option>
<option>华为 </option>
<option>小米 </option>
<option>三星</option>
</select>
------------------------
<br><br><br>

다음 태그는 정의 목록 태그입니다. 메뉴.

<details>
<summary>这是一个detail标签，下面就是他的使用方法</summary>
<p>detail标签是什么？</p>
<p>detail标签有什么作用？</p>
<p>detail标签能干什么？</p>
<p>detail标签我改怎么用它？</p>
</details>
<br>
detail标签常与sunmmary标签用在一起。比如这个标签是高亮标签<mark>mark</mark>比重不一样。
<br><br>

진행률 표시줄 라벨을 더 자주 사용합니다. 이와 같은.

<menu>
    <li>西游记</li><li>水浒传</li><li>红楼梦</li><li>三国演义</li>
</menu>
<br><br>

위 내용은 HTML5에서 새로운 태그를 사용하는 방법에 대한 튜토리얼입니다. HTML5를 처음 접하는 친구들에게 더 적합합니다.

관련 추천:

가장 포괄적인 HTML5 태그

HTML5 태그 선택 방법 가이드

HTML5 태그 컬렉션

위 내용은 HTML5에서 새 태그를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!