HTML5 새로운 요소

HTML5 새 요소

HTML 4.01은 1999년 이후로 많이 변경되었습니다. 현재 HTML 4.01의 이러한 요소 중 일부는 더 이상 사용되지 않거나 제거되었습니다. HTML5에서 재정의되었습니다.

오늘날의 인터넷 애플리케이션을 더 잘 처리하기 위해 HTML5에는 그래픽 그리기, 멀티미디어 컨텐츠, 더 나은 페이지 구조, 더 나은 양식 처리 및 드래그 앤을 위한 여러 API와 같은 많은 새로운 요소와 기능이 추가되었습니다. -웹 애플리케이션 캐싱, 스토리지, 웹 작업자 등을 포함한 요소를 삭제합니다.


<캔버스> 새 요소

<테이블 너비=" -642"> 
     标签     描述


     <canvas>

标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API
<🎜>태그<🎜><🎜> <🎜><🎜> 설명<🎜><🎜><🎜>
<🎜><🎜>  <캔버스><🎜>레이블은 차트 및 기타 이미지와 같은 그래픽을 정의합니다. 이 태그는 JavaScript의 그리기 API를 기반으로 합니다.


New多媒体元素

     
     标签     描述
    <audio>定义音频内容
    <video>定义视频(video 或者 movie)
    <source>定义多媒体资源 <video> 和 <audio>
    <embed>定义嵌入的内容,比如插件。


    <track>

为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。
标签<🎜><🎜>
<🎜><🎜>描述<🎜><🎜>
    <audio>정의음음보존
    <video>정례视频(동영상 또는 영화)
    <source>설정된 다수의 데이터<비디오> 및 <오디오>
    <embed>정의된 단어 나누기: break- 모두; 테두리 너비: 1px; border-style: solid;">

<🎜><🎜>

    <track><🎜>

为诸如 <video> 와 <audio> 元素之类的媒介规定외부文本轨道。

새 양식 요소

     标签     描述


    <datalist>

定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
    <keygen>规定用于表单的密钥对生成器字段。
    <output>定义不同类型的输出,比如脚本的输出。
태그<🎜><🎜>
<🎜> 설명<🎜><🎜>


<🎜>

<datalist><🎜>

옵션 목록을 정의합니다. 이 요소를 입력 요소와 함께 사용하여 가능한 입력 값을 정의합니다.
< keygen>양식에 사용되는 키를 지정합니다. 발전기 필드로.
< 출력>다음과 같은 다양한 유형의 출력을 정의합니다. 스크립트의 출력으로.


새로운 의미 및 구조 요소

HTML5는 새로운 요소를 제공하여 더 나은 페이지 구조:

< td width="193 " valign="top" style="border-width: 1px; border-style: solid; word-break: break-all;">  <🎜>설명<🎜 ><🎜>
     标签     描述
    <article>定义页面独立的内容区域。
    <aside>定义页面的侧边栏内容。
    <bdi>允许您设置一段文本,使其脱离其父元素的文本方向设置。
    <command>定义命令按钮,比如单选按钮、复选框或按钮
태그<🎜><🎜>
<article>독립적인 콘텐츠 정의; 페이지의 영역.
< side>페이지의 사이드바 콘텐츠 정의 .
< bdi> 상위 요소의 텍스트 방향 설정에서 벗어나도록 텍스트입니다.
< command>라디오와 같은 명령 버튼 정의 선택 버튼, 체크박스 또는 버튼
    <details>用于描述文档或文档某个部分的细节
    <dialog>定义对话框,比如提示框
    <summary>标签包含 details 元素的标题
    <figure>规定独立的流内容(图像、图表、照片、代码等等)。
    <figcaption>定义 <figure> 元素的标题
    <footer>定义 section 或 document 的页脚。
    <header>定义了文档的头部区域
    <mark>定义带有记号的文本。
    <meter>定义度量衡。仅用于已知最大和最小值的度量。
    <nav>定义导航链接的部分。
    <progress>定义任何类型的任务的进度。
    <ruby>定义 ruby 注释(中文注音或字符)。
    <rt>定义字符(中文注音或字符)的解释或发音。

 

    <rp>

在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
    <section>定义文档中的节(section、区段)。
    <time>定义日期或时间。
    <wbr>规定在文本中的何处适合添加换行符。

위의 새로운 요소를 사용하려면 HTML 참조 매뉴얼을 참조하세요.



지속적인 학습
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <h1>HTML5 新元素</h1> <article> php中文网 —— php中文网!! </article> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~