>  기사  >  웹 프론트엔드  >  html5 공통 태그 및 속성

html5 공통 태그 및 속성

下次还敢
下次还敢원래의
2024-04-21 11:03:22590검색

HTML5 태그는 헤더(<header>), 탐색(<nav>), 콘텐츠 블록(<article>) 및 모달 대화 상자(<dialog>)를 포함한 풍부한 웹사이트를 만듭니다. 속성은 고유 식별자(id), CSS 클래스(클래스), 제출 이름(이름) 및 자리 표시자(자리 표시자)와 같은 의미 체계 및 기능을 향상하는 데 사용됩니다.

html5 공통 태그 및 속성

HTML5 공통 태그 및 속성

HTML5 태그

HTML5는 더욱 풍부하고 대화형 웹 사이트를 만드는 데 사용할 수 있는 많은 새로운 태그를 도입합니다. 다음은 가장 일반적으로 사용되는 태그 중 일부입니다.

  • <header>: 웹사이트 이름 및 탐색 메뉴와 같은 웹사이트 헤더의 콘텐츠를 포함합니다. <header>:包含网站页眉的内容,例如网站名称和导航菜单。
  • <nav>:定义导航链接,例如菜单项和面包屑导航。
  • <section>:表示页面中的不同区域或部分。
  • <aside>:表示页面的侧边栏或相关内容。
  • <article>:表示独立的内容块,例如博客文章或新闻故事。
  • <figure>:包含图片、表格或其他嵌入式内容,并提供标题和说明。
  • <figcaption>:为 <figure> 元素提供标题或说明。
  • <dialog>:创建一个模态对话框,用于显示重要信息或收集用户输入。

HTML5 属性

HTML5 还有许多属性可添加到标签上,以增强它们的语义和功能。以下是一些最常用的属性:

  • id:唯一标识页面上的元素。
  • class:将元素分配到一个或多个 CSS 类。
  • style:包含直接应用于元素的 CSS 样式。
  • type:指定元素的类型,例如输入字段或按钮。
  • name:指定表单控件的名称,用于提交数据。
  • value:设置或获取表单控件或文本输入的当前值。
  • placeholder:为输入字段提供占位符文本,以提示用户输入。
  • required:强制用户在提交表单之前填写该字段。
  • disabled:禁用元素,使其无法使用。
  • aria-*
  • <nav>: 메뉴 항목 및 이동 경로와 같은 탐색 링크를 정의합니다.
🎜<section>: 페이지의 다양한 영역이나 부분을 나타냅니다. 🎜🎜<aside>: 페이지의 사이드바 또는 관련 콘텐츠를 나타냅니다. 🎜🎜<article>: 블로그 게시물이나 뉴스 기사와 같은 독립적인 콘텐츠 블록을 나타냅니다. 🎜🎜<그림>: 이미지, 표 또는 기타 포함된 콘텐츠를 포함하고 제목과 설명을 제공합니다. 🎜🎜<figcaption>: <Figure> 요소에 대한 제목이나 설명을 제공합니다. 🎜🎜<dialog>: 중요한 정보를 표시하거나 사용자 입력을 수집하기 위한 모달 대화 상자를 만듭니다. 🎜🎜🎜🎜HTML5 속성 🎜🎜🎜HTML5 의미와 기능을 향상시키기 위해 태그에 추가할 수 있는 속성도 많이 있습니다. 다음은 가장 일반적으로 사용되는 속성 중 일부입니다. 🎜🎜🎜id: 페이지의 요소를 고유하게 식별합니다. 🎜🎜클래스: 하나 이상의 CSS 클래스에 요소를 할당합니다. 🎜🎜style: 요소에 직접 적용되는 CSS 스타일을 포함합니다. 🎜🎜type: 입력 필드나 버튼과 같은 요소의 유형을 지정합니다. 🎜🎜name: 데이터 제출을 위한 양식 컨트롤의 이름을 지정합니다. 🎜🎜: 양식 컨트롤 또는 텍스트 입력의 현재 값을 설정하거나 가져옵니다. 🎜🎜placeholder: 사용자에게 입력하라는 메시지를 표시하기 위해 입력 필드에 자리 표시자 텍스트를 제공합니다. 🎜🎜필수: 사용자가 양식을 제출하기 전에 이 필드를 작성하도록 강제합니다. 🎜🎜disabled: 요소를 비활성화하여 사용할 수 없게 만듭니다. 🎜🎜aria-*: 시각 장애인을 위한 스크린 리더 설명과 같은 접근성 기능을 추가합니다. 🎜🎜

위 내용은 html5 공통 태그 및 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.