>웹 프론트엔드 >H5 튜토리얼 >html5_html5 튜토리얼 기술의 새로운 태그와 폐지된 태그에 대한 간략한 개요

html5_html5 튜토리얼 기술의 새로운 태그와 폐지된 태그에 대한 간략한 개요

WBOY
WBOY원래의
2016-05-16 15:49:451478검색

새 구조 태그

섹션 요소
는 장, 머리글, 바닥글 또는 페이지의 다른 부분과 같은 페이지의 콘텐츠 블록을 나타냅니다. h1, h2... 및 기타 요소와 결합하여 문서 구조를 나타낼 수 있습니다. 예: HTML5의

기사 요소
는 문맥과 관련이 없는 페이지의 독립적인 콘텐츠를 나타냅니다. 예를 들어 기사.
aside 요소
는 기사 요소의 내용 외에 기사 요소의 내용과 관련된 보조 정보를 나타냅니다.
헤더 요소
는 페이지 또는 전체 페이지의 콘텐츠 블록 제목을 나타냅니다.
hgroup 요소
는 전체 페이지 또는 페이지 내 콘텐츠 블록의 제목을 그룹화하는 것을 의미합니다.
바닥글 요소
는 전체 페이지의 바닥글 또는 페이지 내의 콘텐츠 블록을 나타냅니다. 일반적으로 작성자의 이름, 만든 날짜, 작성자의 연락처 정보가 포함됩니다.
nav 요소
는 페이지의 탐색 링크 부분을 나타냅니다.
그림 요소
는 유동 콘텐츠의 독립적인 부분을 나타내며 일반적으로 문서의 주요 흐름 콘텐츠에서 독립적인 단위를 나타냅니다. figcaption 요소를 사용하여 그림 요소 그룹에 캡션을 추가합니다. 예:

코드 복사
코드는 다음과 같습니다.

< Figure>
PRC

중화인민공화국은 1949년에 탄생했습니다


🎜>

prc


중화인민공화국은 1949년에 탄생했습니다.

🎜>

다른 요소 추가

동영상 요소
동영상 정의. 영화 클립이나 기타 비디오 스트림과 같습니다. 예:
HTML4로 작성:


audio 요소

는 오디오를 정의합니다. 음악이나 기타 오디오 스트림 등. 예:
HTML4로 작성:



코드 복사
코드는 다음과 같습니다.



embed 요소
는 콘텐츠(다양한 미디어 포함)를 삽입하는 데 사용됩니다. 형식은 Midi, Wav, AIFF, AU, MP3, 플래시 등이 될 수 있습니다. 예:
HTML4의 코드 예 >마크 요소
는 주로 강조 표시하거나 강조 표시해야 하는 텍스트를 사용자에게 시각적으로 표시하는 데 사용됩니다. 검색 키워드는 일반적인 애플리케이션 검색 결과에서 강조 표시됩니다.
HTML5;;HTML4 .
진행 요소
는 실행 중인 프로세스를 나타냅니다. 진행 요소를 사용하면 JavaScript에서 시간이 많이 걸리는 기능의 프로세스를 표시할 수 있습니다. 기다리세요..., 기다려주세요. <진행>.

시간 요소 는 날짜나 시간, 또는 둘 다를 동시에 나타냅니다.

ruby 요소 는 Ruby 주석(중국어 발음 또는 문자)을 정의합니다.
태그와 함께 사용하세요. ruby 요소는 하나 이상의 문자(설명/발음 필요)와 해당 정보를 제공하는 rt 요소, 그리고 브라우저가 "ruby" 요소를 지원하지 않을 때 표시되는 내용을 정의하는 선택적 rp 요소로 구성됩니다. .



코드 복사
코드는 다음과 같습니다. > 汉(ㄏㄢˋ)

rt 요소
는 문자(중국어 발음 기호 또는 문자)의 해석이나 발음을 정의합니다.
rp 요소
는 Ruby 요소를 지원하지 않는 브라우저에서 표시되는 콘텐츠를 정의하기 위해 Ruby 주석에 사용됩니다.
wbr 요소
는 부드러운 줄 바꿈을 나타냅니다. br 요소와의 차이점: br 요소는 여기서 줄 바꿈을 해야 함을 나타냅니다. wbr은 브라우저 창이나 상위 요소가 넓을 때(줄 바꿈이 필요하지 않은 경우) 줄 바꿈이 이루어지지 않음을 나타냅니다. 끊어졌지만 너비가 충분하지 않으면 선이 자동으로 여기에서 줄바꿈됩니다.
캔버스 요소
는 차트 및 기타 이미지와 같은 그래픽을 정의합니다. 요소는 그래픽 컨테이너(캔버스)일 뿐이므로 그래픽을 그리려면 스크립트를 사용해야 합니다.

코드 복사
코드는 다음과 같습니다.



명령 요소——효과가 없는 것 같아요. 지원에 문제가 있나요? 는 라디오 버튼, 체크박스, 버튼 등의 명령 버튼을 나타냅니다.
명령 요소는 메뉴 요소 내부에 있는 경우에만 표시됩니다. 그렇지 않으면 이 요소는 표시되지 않지만 키보드 단축키를 지정하는 데 사용할 수 있습니다. .



코드 복사코드는 다음과 같습니다.
>< command onclick="alert('Hello World')">
클릭하세요!




현재 Chrome에서만 문서의 세부정보나 문서의 특정 부분을 설명하는 데 사용되는 세부정보 태그 를 지원합니다. 세부정보의 제목을 정의할 수 있는 요약 태그와 함께 사용할 수 있습니다. 제목이 표시되며, 사용자가 제목을 클릭하면 세부정보가 표시됩니다. 요약은 세부정보의 첫 번째 하위 요소여야 합니다.

datalist

태그 는 옵션 목록을 정의합니다. 이 요소를 입력 요소와 함께 사용하여 가능한 입력 값을 정의합니다. 데이터 목록과 해당 옵션은 표시되지 않으며 유효한 입력 값 목록일 뿐입니다. 데이터 목록을 바인딩하려면 입력 요소의 목록 속성을 사용하십시오.


코드 복사코드는 다음과 같습니다.





데이터그리드 태그
사용 방법
선택적 데이터 목록을 정의합니다. DataGrid는 트리 목록으로 표시됩니다. multiple 속성을 true로 설정하면 목록에서 두 개 이상의 항목을 선택할 수 있습니다.

keygen 태그 사용 방법

태그는 양식에 사용할 키 쌍 생성 필드를 지정합니다. 양식이 제출되면 개인 키는 로컬에 저장되고 공개 키는 서버로 전송됩니다.



코드 복사
코드는 다음과 같습니다.
사용자 이름:
암호화:
< input type="submit" />




출력 태그

는 스크립트 출력과 같은 다양한 유형의 출력을 정의합니다. .


코드 복사
코드는 다음과 같습니다.




source 태그

태그는 미디어 요소(예: