댓글 : HTML5에서 많은 요소를 추가하고 폐지하는 동안 폼 관련 속성/링크 관련 속성과 같은 많은 속성이 추가되고 폐지되고 HTML4의 일부 속성이 폐지됩니다. 관심이 있으시면 배울 수 있습니다. HTML5를 배우는 것이 도움이 될 수 있습니다.
HTML5에서는 많은 새로운 요소가 추가되고 폐지되지만 많은 속성이 추가되고 폐지됩니다.
새로운 속성
1. 양식 관련 속성
입력에 대한 자동 초점 속성 (type = text), select, textArea 및 버튼을 지정하십시오. 속성을 지정하여 화면을 열 때 요소가 자동으로 초점을 얻을 수 있습니다. 입력 (유형 = 텍스트) 및 TextArea의 자리 표시 자 속성을 지정하면 사용자에게 입력 할 수있는 내용을 프롬프트하도록 사용자의 입력을 자극합니다. 입력, 출력, 선택, TextArea, 버튼 및 필드 세트에 대한 양식 속성을 지정하십시오. 그것은 어떤 형태의 형태에 속하는지를 선언 한 다음 양식 내부에서 잃어 버리지 않고 페이지에 어디에나 배치합니다. 입력 (type = text) 및 TextArea에 필요한 속성을 지정하십시오. 이 속성은 사용자가 제출시 체크인하고 확인 요소에 입력 컨텐츠가 있어야 함을 의미합니다. 입력 태그에 몇 가지 새로운 속성을 추가하십시오 : autocomplete, min, max, 다중, 패턴 및 단계. 데이터리스트 요소와 함께 사용되는 목록 속성도 있습니다. Datalist 요소는 자동 완성 속성과 함께 사용됩니다. 다중 속성을 사용하면 업로드 중에 여러 파일을 한 번에 업로드 할 수 있습니다. 패턴 속성은 실제로 정규 표현식 인 입력 필드의 패턴을 확인하는 데 사용됩니다. 단계 속성은 입력 필드의 법적 숫자 간격을 지정합니다 (단계 = 3 인 경우 법적 숫자는 -3, 0, 3, 6 등이어야합니다. 단계 속성은 최대 및 최소 속성과 함께 사용하여 다양한 법적 값을 생성 할 수 있습니다. 입력 및 버튼 요소에 형식, formctype, form -method, formnovalidate 및 formtarget 속성을 추가하십시오. 사용자는 폼 요소의 작업, ENCTYPE, 메소드, NOVALIDATE 및 TARGET 속성을 과부하합니다. 필드 세트 요소에 비활성화 된 속성을 추가하면 자식 요소를 비활성화 상태로 설정할 수 있습니다. 입력, 버튼 및 양식에 Novalidate 속성을 추가하면 제출 중에 수행 된 관련 검사를 취소 할 수 있으며 양식을 무조건 제출할 수 있습니다.2. 링크 관련 속성
A와 영역에 미디어 속성을 추가하십시오. 대상 URL이 미디어/장치 유형에 최적화 된 이유를 지정합니다. 이 속성은 대상 URL이 특수 장치 (예 : iPhone), 음성 또는 인쇄 매체 용으로 설계되었음을 지정하는 데 사용됩니다. 이 속성은 여러 값을 수락 할 수 있습니다. HREF 속성이 존재하는 경우에만 사용하십시오. 영역에 Herflang 및 Rel 속성을 추가하십시오. Hreflang 속성은 링크 된 문서에 텍스트의 언어를 지정합니다. 이 속성은 HREF 속성이 설정된 경우에만 사용할 수 있습니다. 참고 :이 속성은 순전히 상담입니다. Rel 속성은 현재 문서와 연결된 문서/리소스 간의 관계를 지정합니다. REL 속성은 HREF 속성을 사용할 때만 사용할 수 있습니다. 링크에 크기 속성을 추가합니다. 크기 속성은 연결된 리소스의 크기를 지정합니다. 이 속성은 연결된 리소스가 아이콘 (rel = 아이콘) 일 때만 사용할 수 있습니다. 이 속성은 여러 값을 수락 할 수 있습니다. 값은 공간으로 분리됩니다. 기본 요소에 대상 속성을 추가하는 것은 주로 A 요소와 일관성을 유지하는 것입니다.3. 다른 속성
리버스 속성을 OL에 추가하여 역 순서로 표시 할 목록을 지정합니다. charset 속성을 메타에 추가하고 메뉴에 유형 및 레이블 속성을 추가하십시오. 레이블은 메뉴의 코스웨어 레이블을 정의하며 유형 속성은 컨텍스트 메뉴, 도구 모음 및 목록의 세 가지 양식으로 사용할 수 있습니다. 스타일에 스코프 속성을 추가하십시오. 이를 통해 전체 문서가 아닌 문서의 지정된 부분에 대한 스타일을 정의 할 수 있습니다. 스코핑 된 속성을 사용하는 경우 지정된 스타일은 스타일 요소의 부모 및 자식 요소에만 적용될 수 있습니다. 스크립트의 속성을 추가 또는 삭제하는 스크립트가 비동기로 실행되는지 여부를 정의합니다. 비동기 속성은 외부 스크립트에만 적용됩니다 (SRC 속성을 사용할 때만). 외부 스크립트를 실행하는 방법에는 여러 가지가 있습니다. Async = Async : 스크립트가 페이지의 나머지 부분에 비해 비동기로 실행됩니다 (페이지가 계속 구문 분석 될 때 스크립트가 실행됩니다). 비동기 나 연기가 아닌 경우 : 브라우저가 페이지를 계속 구문 분석하기 전에 스크립트를 읽고 실행하여 즉시 HTML 요소에 매니페스트를 추가하십시오. 오프라인 웹 응용 프로그램을 개발할 때는이 URL에 대한 문서의 캐시 정보를 설명하는 URL을 정의하기 위해 API와 함께 사용하여 URL을 정의합니다. Iframe, Sandbox, Seamless, SRCDOC에 SPRCDOC 속성을 추가하십시오. 페이지 보안을 개선하고 불신이있는 웹 페이지가 특정 작업을 수행하는 것을 방지하는 데 사용됩니다.속성을 폐지했습니다
HTML4의 일부 특성은 더 이상 HTML5에서 사용되지 않지만 다른 특성 또는 다른 방법으로 대체됩니다.
HTML 4에서 사용되는 속성 HTML 5에서 해당 속성의 요소를 사용하기위한 대안
Rev Link, rel
charset 링크, 링크 된 자원의 HTTP 컨텐츠 유형 헤더 요소
모양, 요소 대신 사용 영역 요소를 조정합니다
Longdesc IMG, 요소를 사용하여 주요 설명에 대한 iframe 링크
대상 링크 중복 속성, 생략
NOHREF 영역 중복 속성, 생략
프로파일 헤드 중복 속성, 생략
버전 HTML 중복 속성, 생략
이름 IMG ID
체계 메타 사용 체계는 양식 필드에 대해서만 사용합니다
아카이브, chlassid, codebose, codeType, 선언, 대기 객체 사용 데이터 및 TYPC 속성 클래스를 사용하여 플러그인을 호출합니다. 매개 변수를 설정하려면 이러한 속성을 사용해야하는 경우 Param 속성을 사용하십시오.
ValueType, 유형 Param 사용 이름 및 값 속성 및 MIME 유형은 선언되지 않습니다.
Axis, ABBR TD는 명확하고 간결한 텍스트의 형태를 사용하고 자세한 텍스트를 사용합니다. 제목 속성을 사용하여 자세한 내용을 사용하여 셀 내용을 더 짧게 만들 수 있습니다.
SCOPE TD는 링크 된 리소스에서 HTTP 컨텐츠 유형 헤더 요소를 사용합니다.
정렬 캡션, 입력, 범례, Div, H1, H2, H3, H4, H5, H6, P CSS 스타일 시트를 사용하여 교체합니다.
링크, 링크, 텍스트, vlink, 배경, bgcolor 바디 사용 CSS 스타일 시트를 대체합니다.
CSS 스타일 시트를 사용하여 대신 대신 CSS 스타일 시트를 사용하여 정렬, BGCOLOR, 테두리, 셀 패딩, 셀 패싱, 프레임, 규칙, 너비 테이블
정렬, 문자, charoff, 높이, nowrap, valign tbody, head, tfoot css 스타일 시트를 사용하여 교체
정렬, bgcolor, char, charoff, height, nowrap, valign, width td, th 대신 CSS 스타일 시트를 사용하십시오.
정렬, bgcolor, char, charoff, valign tr 사용 CSS 스타일 시트 대신
정렬, 문자, charoff, valign, 너비 col, 콜 그룹을 대신 CSS 스타일 시트 사용
정렬, 테두리, Hspace, vspace 객체 CSS 스타일 시트를 사용하여 교체
대신 CSS 스타일 시트를 사용하십시오
CSS 스타일 시트를 사용하여 교체하십시오
CSS 스타일 시트를 사용하여 교체하십시오
CSS 스타일 시트를 사용하여 교체하십시오
대신 CSS 스타일 시트를 사용하는 너비
정렬, hspace, vspace img 대신 CSS 스타일 시트를 사용하십시오
정렬, Noshade, 크기, 너비 HR CSS 스타일 시트를 사용하여 교체
정렬, 프레임 보더, 스크롤, 마진 하이 (마진 하이), marginwidth iframe 대신 CSS 스타일 시트 사용
자동 서브미트 메뉴