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