>웹 프론트엔드 >HTML 튜토리얼 >HTML5에서 일반적으로 사용되는 태그 요약

HTML5에서 일반적으로 사용되는 태그 요약

巴扎黑
巴扎黑원래의
2017-06-16 17:15:081608검색

1. 태그:
기능: 문은 문서의 첫 번째 구성 요소이며 태그 앞에 있습니다.

2. 태그:
기능: 이 요소는 브라우저에 HTML 문서임을 알려줄 수 있습니다.
속성:manifest:value(url)는 오프라인 사용을 위한 캐시 정보를 정의합니다.

3. 태그:


기능: 태그는 문서의 헤드를 정의하는 데 사용됩니다. 모든 헤드 요소에 대한 컨테이너입니다.
속성:프로필:값(URL) 페이지에 대한 메타데이터 정보가 포함된 공백으로 구분된 URL 목록입니다.

4. 태그:
기능: 요소는 문서의 제목을 정의할 수 있습니다.
속성: dir: 값(rtl,ltr)은 요소 내용의 텍스트 방향을 지정합니다.
lang: 값(언어_코드)은 요소에 있는 콘텐츠의 언어 코드를 지정합니다.
xml:lang:value(언어_코드)는 XHTML 문서에 있는 요소 콘텐츠의 언어 코드를 지정합니다.

5. 태그:


기능: 요소는 문서의 본문을 정의합니다.
Attribute:alink:value(rgb(x,x,x),#xxxxxx,colorname)은 더 이상 사용되지 않습니다. 스타일을 사용하여 교체하세요. 문서의 활성 링크 색상을 지정합니다.
배경: 값(URL)은 더 이상 사용되지 않습니다. 스타일로 교체해주세요. 문서의 배경 이미지를 지정합니다.
bgcolor: value(reb(x,x,x),#xxxxxx,colorname)은 더 이상 사용되지 않습니다. 스타일로 교체해주세요. 문서의 배경색을 지정합니다.
링크: value(reb(x,x,x),#xxxxxx,colorname)은 더 이상 사용되지 않습니다. 스타일로 교체해주세요. 문서에서 방문하지 않은 링크의 기본 색상을 지정합니다.
text: value(reb(x,x,x),#xxxxxx,colorname)은 더 이상 사용되지 않습니다. 스타일로 교체해주세요. 문서의 모든 텍스트 색상을 지정합니다.
vlink: value(reb(x,x,x),#xxxxxx,colorname)은 더 이상 사용되지 않습니다. 스타일로 교체해주세요. 문서에서 방문한 링크의 색상을 지정합니다.

6. 태그:

~

태그
기능:

-

은 가장 큰 제목을 정의하고,

은 가장 작은 제목을 정의합니다.
Attribute:align:value(left,center,right,justify)는 권장되지 않습니다. 스타일로 교체해주세요. 제목의 텍스트 배열을 지정합니다.

7. 태그:


기능: 태그는 단락을 정의합니다.
Attribute:align:value(left,center,right,justify)는 권장되지 않습니다. 스타일로 교체해주세요. 제목의 텍스트 배열을 지정합니다.

8. 태그:

기능: 간단한 줄 바꿈을 삽입할 수 있습니다.
속성: 선택적 속성이 없습니다.

9. 태그:



기능: 태그는 HTML 페이지에 가로선을 만듭니다.
Attribute:align:value(center,left,right)는 더 이상 사용되지 않습니다. 스타일로 교체해주세요. hr 요소의 정렬을 지정합니다.
noshade: 값(noshade)은 더 이상 사용되지 않습니다. 스타일로 교체해주세요. hr 요소의 색상이 단색으로 렌더링되도록 지정합니다.
크기:값(픽셀)은 더 이상 사용되지 않습니다. 스타일로 교체해주세요. hr 요소의 높이(두께)를 지정합니다.
너비: 값(픽셀 %)은 더 이상 사용되지 않습니다. 스타일로 교체해주세요. hr 요소의 너비를 지정합니다.

10. 태그
기능: 댓글 태그는 소스 문서에 댓글을 삽입하는 데 사용됩니다.
속성: 선택적 속성이 없습니다.

11. 태그:


    기능: 태그는 순서가 지정되지 않은 목록을 정의합니다.
    Attribute:compact:value(compact)는 더 이상 사용되지 않습니다. 스타일로 교체해주세요. 목록이 평소보다 작게 렌더링되도록 지정합니다.
    유형: 값(디스크, 정사각형, 원)은 더 이상 사용되지 않습니다. 스타일로 교체해주세요. 목록의 글머리 기호 유형을 지정합니다.

    12. 태그:


    기능: 태그는 순서가 지정된 목록을 정의합니다.
    속성:컴팩트:값(컴팩트)은 HTML5에서 지원되지 않습니다. HTML4.01에서는 더 이상 사용되지 않습니다. 목록이 평소보다 작게 렌더링되도록 지정합니다.
    reversed: 값(reversed)은 목록의 순서가 내림차순임을 지정합니다. (9,8,7...)
    start: 값(숫자)은 정렬된 목록의 시작 값을 지정합니다.
    type: value (1,A,a,I,i)는 목록에 사용되는 태그 유형을 지정합니다.

    13. 태그:


  1. 기능: 태그는 목록 항목을 정의합니다.
  2. 태그는 순서가 있는 목록(
      )과 순서가 없는 목록(
      )에 사용될 수 있습니다.
      속성:유형:값(A,a,I,i,1,disc,square,circle)은 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요. 사용할 글머리 기호를 지정합니다.
      값: 값(숫자)은 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요. 목록 항목 수를 지정합니다.

      14. 태그:


      기능: 태그는 정의 목록을 정의합니다. 태그는
      (목록의 항목 정의)와
      (목록의 항목 설명)를 결합하는 데 사용됩니다.
      속성: 선택적 속성이 없습니다.

      15. 태그:


      기능: 태그는 정의 목록의 항목을 정의합니다.
      속성: 선택적 속성이 없습니다.

      16. 태그:


      기능: 정의 목록에서 항목의 정의 부분을 정의합니다.
      속성: 선택적 속성이 없습니다.

      17. 태그:
      기능: 태그는 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼링크를 정의합니다.
      요소의 가장 중요한 속성은 링크의 대상을 나타내는 href 속성입니다.
      속성: charset: 값(char_encoding)은 HTML5에서 지원되지 않습니다. 링크된 문서의 문자 세트를 지정합니다.
      좌표: 값(좌표)은 HTML5에서 지원되지 않습니다. 링크의 좌표를 지정합니다.
      download: 값(파일 이름)은 다운로드할 하이퍼링크 대상을 지정합니다.
      href: 값(URL)은 링크가 가리키는 페이지의 URL을 지정합니다.
      hreflang: 값(언어_코드)은 링크된 문서의 언어를 지정합니다.
      media: 값(media_query)은 연결된 문서가 최적화된 미디어/장치를 지정합니다.
      name: 값(section_name)은 HTML5에서 지원되지 않습니다. 앵커의 이름을 지정합니다.
      rel: 값(텍스트)은 현재 문서와 링크된 문서 간의 관계를 지정합니다.
      rev: 값(텍스트)은 HTML5에서 지원되지 않습니다. 연결된 문서와 현재 문서 간의 관계를 지정합니다.
      shape: 값(기본값, 직사각형, 원, 폴리)은 HTML5에서 지원되지 않습니다. 링크의 모양을 지정합니다.
      target: 값(_blank, _parent, _self, _top, 프레임 이름)은 연결된 문서를 열 위치를 지정합니다.
      type: value(MIME 유형)는 연결된 문서의 MIME 유형을 지정합니다.

      18. 태그:

      19. 태그:


      기능: 태그는 HTML 테이블을 정의합니다.
      Attribute:align:value(left,center,right)는 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요. 주변 요소를 기준으로 테이블 정렬을 지정합니다.
      bgcolor: value(rgb(x,x,x),#xxxxxx,colorname)은 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요. 테이블의 배경색을 지정합니다.
      border: 값(픽셀)은 표 테두리의 너비를 지정합니다.
      cellpadding: 값(픽셀 %)은 셀 가장자리와 내용 사이의 공간을 지정합니다.
      cellspacing: 값(픽셀 %)은 셀 사이의 간격을 지정합니다.
      frame: 값(void, Above, below, hsides, lhs, rhs, vsides, box, border)은 외부 테두리의 어느 부분이 표시되는지 지정합니다.
      규칙: 값(없음, 그룹, 행, 열, 모두)은 내부 테두리의 어느 부분이 표시되는지 지정합니다.
      summar: 값(텍스트)은 테이블의 요약을 지정합니다.
      width: 값(%픽셀)은 테이블의 너비를 지정합니다.

      20. 태그:


      기능: 태그는 테이블의 제목을 정의합니다.
      태그는 태그 바로 뒤에 배치되어야 합니다.
      속성:정렬:값(왼쪽,오른쪽,상단,하단)은 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요. 제목의 정렬을 지정합니다.

      21. 태그:


      기능: 태그는 HTML 테이블의 행을 정의합니다.
      속성: 정렬: 값(right, left, center, justify, char)은 테이블 행의 내용 정렬을 정의합니다.
      bgcolor: value(rgb(x,x,x)#xxxxxx,colorname)은 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요. 테이블 행의 배경색을 지정합니다.
      char: 값(문자)은 텍스트 정렬에 사용할 문자를 지정합니다.
      charoff: 값(숫자)은 정렬된 첫 번째 문자의 오프셋을 지정합니다.
      valign: 값(상단, 중간, 하단, 기준선)은 테이블 행 내용을 지정합니다.

      23. 일반 열
      기능: 라벨은 정의 목록의 항목을 정의합니다. td 요소 내의 텍스트는 일반적으로 왼쪽 정렬됩니다.
      속성: abbr: 값(텍스트)은 셀 내용의 축약 버전을 지정합니다.
      align: value(left, right, center, justify, char)는 셀 내용의 가로 정렬을 지정합니다.
      축: 값(category_name)은 단위를 분류합니다.
      bgcolor: value(rgb(x,x,x),#xxxxxx,colorname)은 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요. 셀의 배경색을 지정합니다.
      char: 값(문자)은 어떤 내용에 따라 어떤 문자를 정렬할지 지정합니다.
      charoff: 값(숫자)은 정렬 문자의 오프셋을 지정합니다.
      colspan: 값(숫자)은 셀이 확장할 수 있는 열 수를 지정합니다.
      headers: 값(header_cells'_id)은 셀과 관련된 헤더를 지정합니다.
      높이: 값(픽셀 %)은 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요. 테이블 셀의 높이를 지정합니다.
      nowrap: value(nowrap)는 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요. 셀의 내용을 래핑해야 하는지 여부를 지정합니다.
      rowspan: 값(숫자)은 셀이 확장될 수 있는 행 수를 지정합니다.
      scope: value(col, colgroup, row, rowgroup)는 헤더 데이터를 셀 데이터와 연결하는 방법을 정의합니다.
      valign: 값(상단, 중간, 하단, 기준선)은 셀 내용의 수직 배열을 지정합니다.
      너비: 값(픽셀 %)은 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요. 테이블 셀의 너비를 지정합니다.

      24. 태그: HTML5에서 일반적으로 사용되는 태그 요약
      기능: img 요소는 웹페이지에 이미지를 삽입합니다.
      속성: 필수 속성: src 속성: value(URL)는 이미지를 표시할 URL을 지정하고 alt 속성: value(text)는 이미지의 대체 텍스트를 지정합니다.
      선택 속성: align: 값(위, 아래, 중간, 왼쪽, 오른쪽)은 권장되지 않습니다. 주변 텍스트를 기준으로 이미지가 정렬되는 방식을 지정합니다.
      border: 값(픽셀)은 권장되지 않습니다. 이미지 주위의 테두리를 정의합니다.
      높이: 값(픽셀 %)은 이미지의 높이를 정의합니다.
      hspace: 값(픽셀)은 더 이상 사용되지 않으며 이미지의 왼쪽과 오른쪽에 있는 공백을 정의합니다.
      ismap:value(URL)은 이미지를 서버 측 이미지 맵으로 정의합니다.
      longdesc: 값(URL)은 긴 이미지 설명 문서가 포함된 URL을 가리킵니다.
      usemap: value(URL)은 이미지를 클라이언트측 이미지 맵으로 정의합니다.
      vspace: 값(픽셀)은 권장되지 않습니다. 이미지 상단과 하단의 공백을 정의합니다.
      width: 값(픽셀%)은 이미지의 너비를 설정합니다.

      25. 태그:

      26. 태그

      27. 태그
      기능: 태그는 미디어 요소이며 미디어 리소스를 정의합니다.
      속성:미디어:값(미디어 쿼리)은 미디어 리소스 유형을 지정합니다.
      src: 값(url)은 미디어 파일의 URL을 지정합니다.
      type: value(숫자 값)는 미디어 리소스의 MIME 유형을 지정합니다.

      28. 태그:


      기능: 태그는 사용자 입력을 위한 HTML 양식을 만드는 데 사용됩니다.
      속성:수락:값(MIME_type)은 HTML5에서 지원되지 않습니다.
      accept-charset: 값(charset_list)은 서버가 처리할 수 있는 양식 데이터 문자 집합을 지정합니다.
      action: 값(URL)은 양식이 제출될 때 양식 데이터를 보낼 위치를 지정합니다.
      autocomplete: 값(on, off)은 양식의 autocomplete 기능을 활성화할지 여부를 지정합니다.
      method: 값(get, post)은 양식 데이터를 보내는 데 사용되는 http 메서드를 지정합니다.
      name: 값(form_name)은 양식의 이름을 지정합니다.
      target: value (_blank, _self, _parent, _top, foamname)은 작업 URL을 열 위치를 지정합니다.

      29. 태그:
      기능: 태그는 사용자 정보를 수집하는 데 사용됩니다.
      Attribute:accept:value(mime_type)는 파일 업로드를 통해 제출된 파일 유형을 지정합니다.
      align: 값(왼쪽, 오른쪽, 위쪽, 중간, 아래쪽)은 더 이상 사용되지 않습니다. 이미지 입력의 정렬을 지정합니다.
      alt: 값(텍스트)은 이미지 입력의 대체 텍스트를 정의합니다.
      autocomplete: 값(on, off)은 입력 필드의 자동 완성 기능을 사용할지 여부를 지정합니다.
      autofocus: 값(autofocus)은 페이지가 로드될 때 입력 필드에 포커스가 있는지 여부를 지정합니다.
      checked: 값(checked)은 이 입력 요소가 처음 로드될 때 선택되어야 함을 지정합니다.
      disabled: 값(비활성화)은 입력 요소가 로드될 때 이 요소를 비활성화합니다.
      form: 값(formname)은 입력 필드가 속하는 하나 이상의 양식을 지정합니다.
      formaction: 값(url)은 양식의 action 속성을 재정의합니다.
      높이: 값(픽셀 %)은 입력 필드의 높이를 정의합니다.
      list: value(datalist-id)는 입력 필드에 대해 사전 정의된 옵션이 포함된 데이터 목록을 나타냅니다.
      max: 값(숫자, 날짜)은 입력 필드의 최대값을 지정합니다.
      maxlength: 값(숫자)은 입력 필드의 최대 문자 길이를 지정합니다.
      min: 값(숫자, 날짜)은 입력 필드의 최소값을 지정합니다.
      name: value(field_name)는 입력 요소의 이름을 정의합니다.
      readonly: 값(readonly)은 입력 필드가 읽기 전용임을 지정합니다.
      size: value(number_of_char)는 입력 필드의 너비를 정의합니다.
      type: 값(버튼, 체크박스, 파일, 숨김, 이미지, 비밀번호, 라디오, 재설정, 제출, 텍스트)은 입력 요소의 유형을 지정합니다.
      값: 값은 입력 요소의 값을 지정합니다.
      width: 값(픽셀,%)은 입력 필드의 너비를 정의합니다.

      30. 라벨:

      31. 라벨:
      기능: 라벨은 버튼을 정의합니다.
      Attribute:disabled:value (disabled)는 버튼이 비활성화되어야 함을 지정합니다.
      form: 값(form_name)은 버튼이 하나 이상의 양식에 속함을 지정합니다.
      name: 값(button_name)은 버튼의 이름을 지정합니다.
      type: 값(버튼, 재설정, 제출)은 버튼 유형을 지정합니다.
      value: value(텍스트)는 버튼의 초기 값을 지정합니다.

      32. 태그:

      33. 태그:
      기능: 태그는 옵션 그룹을 정의합니다.
      속성: 라벨: 값(텍스트)은 옵션 그룹에 대한 설명을 지정합니다.
      disabled: 값(disabled)은 이 옵션 그룹이 비활성화됨을 지정합니다.

      34. 태그:을 사용할 때 사용되는 레이블을 정의합니다.
      선택됨: 값(선택됨)은 옵션이 선택된 상태로 표시됨을 지정합니다.
      value: value(text)는 서버로 전송되는 옵션 값을 정의합니다.

      35. 태그: 양식 필드
      {
      한 줄 텍스트 필드:
      비밀번호 텍스트 필드:
      라디오 버튼 : < ;input type="radio" />
        다중 선택 버튼:
        숨겨진 필드:
        제출 버튼:
      재설정 버튼:
      맞춤 버튼:
      파일 업로드:
        여러 줄 텍스트 영역:
        드롭다운 목록 필드:
      }

      참고: 완전하지는 않지만 기본적으로 일반적으로 사용되는 일부 항목입니다. .


      기능: 테이블의 헤더 셀을 정의합니다.
      요소 내부의 텍스트는 중앙에 굵은 텍스트로 렌더링됩니다.
      속성: abbr: 값(텍스트)은 셀 내용의 축약 버전을 지정합니다.
      align: value(left, right, center, justify, char)는 셀 내용의 가로 정렬을 지정합니다.
      축: 값(category_name)은 셀을 분류합니다.
      bgcolor: value(rgb(x,x,x),#xxxxxx,colorname)은 권장되지 않습니다. 대신 스타일을 사용하세요. 테이블 셀의 배경색을 지정합니다.
      char: 값(문자)은 어떤 내용에 따라 어떤 문자를 정렬할지 지정합니다.
      charoff: 값(숫자)은 정렬 문자의 오프셋을 지정합니다.
      colspan: 값(숫자)은 셀이 확장할 수 있는 열 수를 설정합니다.
      headers: 값(idrefs)은 공백으로 구분된 헤더 셀 ID 목록으로, 데이터 셀에 대한 헤더 정보를 제공합니다.
      높이: 값(픽셀%)은 권장되지 않습니다. 대신 스타일을 사용하세요. 테이블 셀의 높이를 지정합니다.
      nowrap: value(nowrap)는 권장되지 않습니다. 대신 스타일을 사용하세요. 셀의 내용을 래핑해야 하는지 여부를 지정합니다.
      rowspan: 값(숫자)은 셀이 확장될 수 있는 행 수를 지정합니다.
      scope: value(col, colgroup, row, rowgroup)는 헤더 데이터를 셀 데이터와 연결하는 방법을 정의합니다.
      valign: 값(상단, 중간, 하단, 기준선)은 셀 내용의 수직 배열을 지정합니다.
      너비: 값(픽셀%)은 권장되지 않습니다. 대신 스타일을 사용하세요. 테이블 셀의 너비를 지정합니다.

      22. 태그:

위 내용은 HTML5에서 일반적으로 사용되는 태그 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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