Html5 는 전통적인 html 과 동일합니까? 차이점은 무엇입니까?

1. HTML5 구문 변경? < P > 이 지식점에서 말하는 변화는 HTML4 를 기반으로 정의된 변경을 의미하며, 주로 다음과 같습니다.

1.HTML5 의 파일 확장자 (.html 또는. htm) 와 컨텐츠 유형 (text/html) 은 그대로 유지됩니다. -응?

2.HTML5 에서는 버전 선언을 의도적으로 사용하지 않으며 한 문서가 모든 버전의 HTML 에 적용됩니다. -응?

3. HTML5 부터 파일의 문자 인코딩에 UTF-8 을 사용하는 것이 좋습니다. -응?

4.HTML5 는 이전 HTML 버전과의 호환성을 극대화합니다. -응? < P > 호환성을 보장하기 위해 요소부터 시작해야 합니다. HTML5. 에서는 요소의 태그를 생략할 수 있습니다. 구체적으로 요소의 태그는 "끝 태그 쓰기 허용 안 함", "끝 태그 생략 가능" 및 "시작 태그와 끝 태그 모두 생략 가능" 의 세 가지 유형으로 나뉩니다. -응? 쓰기 금지 끝 태그 요소는 area, base, br, col ......? 끝 태그 Li, dt, DD, p, rt ...? 시작 및 끝 태그는 모두 생략할 수 있습니다. html, head, body ......?

ii. 새 구조 요소? 섹션 요소는 장, 머리글, 바닥글 또는 페이지의 다른 부분과 같은 페이지의 내용 블록을 나타냅니다. -응? 아티클 요소는 블로그의 문장 또는 신문의 문장 등 컨텍스트와 관련이 없는 페이지의 독립 컨텐츠를 나타냅니다. -응? Aside 요소는 article 요소의 내용 외부에 있는 article 요소의 내용과 관련된 보조 정보를 나타냅니다. -응? Header 요소는 페이지에 있는 하나의 내용 블록이나 전체 페이지의 제목을 나타냅니다. -응? Hgroup 요소는 전체 페이지 또는 페이지에서 한 내용 블록의 제목을 결합하는 데 사용됩니다. -응? Footer 요소는 전체 페이지 또는 페이지의 한 내용 블록에 대한 각주를 나타냅니다. 일반적으로 제작자의 이름, 제작 날짜 및 제작자 연락처 정보가 포함됩니다. -응? Nav 요소는 페이지의 탐색 링크 부분을 나타냅니다. -응? Figure 요소는 독립적인 스트림 내용을 나타내며, 일반적으로 문서 본문 스트림 내용의 개별 셀을 나타내며 figcaption 요소를 사용하여 figure 요소 그룹에 제목을 추가하시겠습니까?

2, 추가된 다른 요소? Audio 요소는 음악이나 기타 오디오 스트림과 같은 오디오를 정의합니다. -응? Embed 요소는 Midi, Wav, AU, MP3 등의 형식으로 다양한 멀티미디어를 삽입하는 데 사용됩니다. -응? 마크 요소는 강조 표시하거나 강조 표시해야 하는 문자를 시각적으로 사용자에게 렌더링하는 데 사용됩니다. 일반적인 응용 프로그램은 검색 결과에서 검색 키워드를 사용자에게 강조 표시하는 것입니다. -응? Progress 요소는 실행 중인 프로세스를 나타냅니까? 루비 요소는 루비 주석 (중국어 루비 또는 문자) 을 나타냅니까? Rt 요소는 문자 (중국어 발음 또는 문자) 의 설명이나 발음을 나타냅니까? Rp 요소는 ruby 주석에 사용되어 ruby 요소를 지원하지 않는 브라우저에 표시되는 내용을 정의합니다. -응? Wbr 요소는 소프트 줄 바꿈을 나타내며, 폭이 충분하지 않을 경우 여기서 줄 바꿈을 능동적으로 수행합니까? Canvas 요소는 차트 및 기타 이미지와 같은 그래픽을 나타냅니다. Cammand 요소는 라디오 버튼, 확인란 또는 버튼과 같은 명령 버튼을 나타냅니다. Details 요소는 사용자가 요청하고 얻을 수 있는 세부 정보를 나타냅니다. Datagrid 요소는 선택적 데이터 목록을 나타내며 트리 목록으로 표시됩니까? Keygen 요소는 키 생성을 나타냅니까? Output 요소는 스크립트의 출력과 같은 다양한 유형의 출력을 나타냅니다. 소스 요소는 미디어 요소입니다 (예: < 비디오 > 그리고 < Audio> ) 미디어 리소스 정의? 메뉴 요소는 메뉴 목록을 나타냅니까?

3, 새 입력 요소? 이메일 유형은 이메일 주소를 입력해야 하는 텍스트 입력 상자를 나타냅니까? URL 유형은 URL 주소를 입력해야 하는 텍스트 입력 상자를 나타냅니까? Number 유형은 사람 값을 입력해야 하는 텍스트 입력 상자를 나타냅니까? Range 유형은 숫자 값 범위를 입력해야 하는 텍스트 블록 상자를 나타냅니까?

HTML5 에는 날짜와 시간을 선택할 수 있는 여러 개의 새로운 입력 텍스트 상자가 있습니다.? 날짜-일, 월, 년 선택? Month-월, 년 선택? Week-주와 연도를 선택하시겠습니까? 시간-시간 (시간 및 분) 선택? Datetime-시간, 일, 월, 년 선택 (UTC 시간)? Datetime.local-시간, 일, 월, 년 (현지 시간) 선택?

3. 요소 폐지?

1, CSS 로 대체할 수 있는 요소? Basefont, big, center, font, S, strike, TT

2, 프레임 프레임워크를 더 이상 사용하지 않습니까? Frameset 요소, frame 요소 및 noframes 요소의 경우 frame 프레임워크가 웹 페이지 가용성에 부정적인 영향을 미치기 때문에 HTML5 에서는 frame 프레임이 지원되지 않거나, iframe 프레임만 지원되거나, 서버에서 만든 여러 페이지로 구성된 합성 페이지의 형태로 이러한 세 가지 요소를 모두 폐기합니다. -응?

3, 일부 브라우저만 지원하는 요소? 애플릿, bgsound, blink, marquee 등의 요소의 경우 일부 브라우저만 이러한 요소, 특히 bgsound 요소 및 marquee 요소를 지원하므로 Internet Explorer 에서만 지원되므로 HTML 5 에서 폐지됩니다. 여기서 애플릿 요소는 ernedd 요소 또는 object 요소로 대체될 수 있고, bgsound 요소는 audio 요소로 대체될 수 있으며, marquee 는 JavaScript 프로그래밍 방식으로 대체될 수 있습니까?

4, 기타 폐지된 요소:? Rb 요소를 폐지하고 ruby 요소로 대체하시겠습니까? Acronym 요소를 폐지하고 abbr 요소로 대체하시겠습니까? Dir 요소를 폐지하고 ul 요소로 대체하시겠습니까? Isindex 요소를 폐지하고 form 요소와 input 요소를 결합하는 방법으로 대체하시겠습니까? Listing 요소를 폐지하고 pre 요소로 대체하시겠습니까? Xmp 요소를 폐지하고 코드 요소로 대체하시겠습니까? Nextid 요소 폐지, GUIDS 대체 사용? Plaintext 요소를 제거하고' text/plian” MIME 유형으로 대체합니까?

4. 속성 추가 및 속성 폐지?

1, 새 속성 추가?

1, 양식 관련 등록 정보? 화면이 열릴 때 요소가 자동으로 포커스를 받도록 속성을 지정하는 autofocus 속성을 추가합니다. -응? 사용자가 입력할 수 있는 내용을 묻는 프롬프트를 표시하는 placeholder 속성이 새로 추가되었습니다. -응? Form 속성을 추가하여 해당 속성이 속한 양식을 선언한 다음 양식 내부가 아닌 페이지 어느 곳에나 배치합니다. -응? 새 required 속성을 추가합니다. 이 속성은 사용자가 제출할 때 확인되며 요소 안에 입력이 있어야 함을 나타냅니다. -응?

2, 링크 관련 속성? 대상 URL 이 유형 미디어/장치에 최적화된 이유를 지정하는 미디어 속성을 추가합니다. href 속성이 있는 경우에만 사용할 수 있습니다. -응? Hreflang 및 rel 속성을 추가하여 a 요소, link 요소와의 일관성을 유지합니다. -응?

3, 기타 속성? Reverend 속성-목록의 역순 표시를 지정합니다. -응? 스크립트 요소에 async 속성을 추가하여 스크립트가 비동기적으로 실행되는지 여부를 정의합니다. -응?

둘째, 속성 폐지? CSS 스타일 시트로 대체 할 수있는 속성은 모두 폐지됩니다. -응? Target, profile, version 등과 같은 불필요한 속성은 폐지됩니다. -응?

5. 글로벌 속성?

HTML5 에는' 글로벌 속성' 이라는 개념이 추가되었습니다. 전역 속성이란 모든 요소에 사용할 수 있는 속성입니다. -응?

1, contentEditable 속성? 이 속성을 사용하면 사용자가 요소의 내용을 편집하고, 마우스 포커스를 받고, 부울 값이며, true 또는 false 로 지정할 수 있습니다. 또한 이 속성에는 숨겨진 inherit 상태가 있습니다. true 이면 편집이 허용되고 false 이면 편집이 허용되지 않으며 지정되지 않은 경우 inherit 에 의해 결정됩니다. -응?

2, 설계 모드 속성? 이 속성은 전체 페이지를 편집할 수 있는지 여부를 결정하는 데 사용됩니다. 두 가지 속성' on' 과' off' 가 있습니다. 속성이 "on" 이면 편집할 수 있고 "off" 이면 편집할 수 없습니다. -응?

3, hidden 속성? 모든 요소에는 input 요소의 hidden 요소와 유사한 하나의 hidden 속성이 허용됩니다. 이 속성은 브라우저에서 해당 요소를 렌더링하지 않도록 지시하여 보이지 않게 하는 기능입니다. 이 속성 값은 부울 값이며, true 이면 보이지 않고 false 이면 보입니다. -응?

4, spellcheck 등록 정보? 이 속성은 input 요소 (type=text) 와 textarea 라는 두 텍스트 입력 상자에 대한 HTML 5 에서 제공하는 새로운 속성으로, 주로 사용자 입력의 맞춤법과 구문을 검사합니다. 속성 값은 부울 값이며, 작성할 때 속성 값이 true 또는 false 인지 명시적으로 선언해야 합니다.?

< ! -다음 두 가지 쓰기 방법이 정확합니다-> < Textarea spellcheck="true" > < Input type = text spellcheck = false > < ! -다음 두 가지 쓰기 방법은 잘못되었습니다-> < Textarea spellcheck > -응?

form 속성에 대해 자세히 알아보시겠습니까? < P > HTML4 에서는 양식 내의 종속 요소가 양식 내부에 작성되어야 하지만 HTML5 에서는 페이지 어느 곳에나 해당 요소를 쓰고 해당 양식 단위의 id 인 form 속성을 요소에 지정하여 해당 요소가 지정된 양식에 종속됨을 선언할 수 있습니다. -응? < ! DOCTYPE? HTML> -응?

< Html? Lang="en-US"> -응?

< 헤드 > -응?

< 메타? Charset="UTF-8"> -응?

< 제목 > 폼 속성 < /title> -응?

< /head> -응?

< Body> -응?

< 폼? Action= ""? Id = "테스트 양식" > -응?

< Input? Type="text "? Name= ""? /> -응?

< /form> -응?

< 텍사스? Form="testform "? Name= ""? Cols="3 "? Rows="1"> < /textarea> -응?

< /body> -응?

< /html>

input 요소는 양식에 종속되며 양식 내부에 쓰여지므로 더 이상 form 속성을 설정할 필요가 없습니다. Textarea 요소는 양식 외부에 쓰여지지만 양식에 종속되므로 양식의 id 는 textareea 요소의 form 속성에 지정됩니다. -응?

이렇게 하면 페이지의 요소에 스타일을 추가해야 할 때 양식 내에 분산되어 있지 않기 때문에 쉽게 추가할 수 있다는 장점이 있습니다. -응?