HTML5는 W3C(World Wide Web Consortium)가 소유하고 있으며, W3C는 전 세계의 프로토콜에 상호 액세스할 수 있도록 웹 전반에 표준을 제공합니다. 2016년 11월, W3C는 2년 만에 처음으로 마이너 업데이트인 장기 실행 HTML 5를 업데이트했습니다. 잘못된 디자인과 브라우저 공급업체 지원 부족으로 인해 많은 초기 HTML 5.1 기능이 삭제되었습니다.
HTML 5.1에는 몇 가지 요소와 개선 사항이 포함되어 있지만 여전히 사소한 업데이트입니다. 새로운 요소 중 일부에는
W3C는 이미 2017년 말에 출시될 것으로 예상되는 HTML 5.2 초안 작업을 시작했습니다. 그동안 우리는 버전 5.1에 도입된 몇 가지 흥미로운 새로운 기능과 개선 사항을 제시하고 있습니다. JavaScript를 건드리지 않고도 이러한 기능을 사용할 수 있습니다. 모든 브라우저가 이러한 기능을 지원하는 것은 아니므로 프로덕션에서 사용하기 전에 브라우저 지원을 확인하는 것이 좋습니다.
target='_blank'를 사용하는 대부분의 사람들은 흥미로운 사실에 대해 전혀 모릅니다. 새로 열린 탭이 window.opener.location을 일부 피싱 페이지로 변경할 수 있다는 것입니다. 귀하를 대신하여 오프너 페이지에서 일부 악성 JavaScript 코드를 실행합니다. 사용자는 이미 열려 있는 페이지를 신뢰하기 때문에 의심을 받지 않습니다.
이 문제를 완전히 제거하기 위해 HTML 5.1은 브라우저 컨텍스트를 구분하는 rel="noopener" 속성의 사용을 표준화했습니다. rel=”noopener”는 및 태그 내에서 사용할 수 있습니다.
<a href="#" target="_blank" rel="noopener"> The link won't make trouble anymore </a>
읽기:디자이너를 위한 24가지 CSS3 및 HTML5 애니메이션 도구
HTML5.1에서는 이 제한이 완화되어 이제
<article> <h1>The Headline of todays news </h1> <figure> <img src="petrolimage.jpeg" alt="Petrol price drops"> <figcaption>A man fueling up his car at petrol station</figcaption> </figure> <p>This is the forth hike in petrol prices in two month and the third in case of diesel in one fortnight.</p> </article>
맞춤법 검사는 키워드가 빈 문자열, true 및 false인 열거된 속성입니다. true 상태는 요소의 철자와 문법을 검사해야 함을 나타냅니다.
element.forceSpellCheck()는 사용자가 요소에 초점을 맞춘 적이 없더라도 사용자 에이전트가 텍스트 요소의 철자 및 문법 오류를 보고하도록 강제합니다.
<p spellcheck="true"> <label>Name: <input spellcheck=" false" id="textbox"></label> </p>
새로운 버전의 HTML에서는 빈
프레임용으로 개발된 부울형 Allowfullscreen 속성을 사용하면 requestFullscreen() 메서드를 사용하여 콘텐츠가 전체 화면에 표시될 수 있는지 여부를 제어할 수 있습니다. 예를 들어 YouTube의 플레이어를 삽입하는 iframe을 사용하겠습니다. 플레이어가 동영상을 전체 화면으로 표시하려면 Allowfullscreen 속성이 필요합니다.
<article> <header> <p><img src="/usericons/16235"> <b>Fred Flintstone</b></p> <p><a href="/posts/30934" rel=bookmark>12:44</a> — <a href="#acl-503439551">Private Post</a></p> </header> <main> <p>Check out my new video!</p> <iframe title="Video" src="https://youtube.com/?id=92469812" allowfullscreen></iframe> </main> </article>
HTML 5.1에서는 머리글과 바닥글을 다른 머리글 내에 중첩할 수 있습니다. 헤더 또는 바닥글 자체가 섹션 콘텐츠 내에 포함된 경우 헤더 요소에 추가할 수 있습니다.
이 기능은
아래 코드에서
<article> <header> <h2>Lesson: How to cook chicken</h2> <aside> <header> <h2>About the author: Tom Hank</h2> <p><a href="./tomhank/">Contact him!</a></p> </header> <p>Expert in nothing but Cooking. The cookbook sideshow.</p> </aside> </header> <p><ins>Pour the marinade into the zip-top bag with the chicken and seal it. Remove as much air as possible from the bag and seal it. </ins></p> </article>
새로운 HTML 버전에서는 크기가 0인 이미지를 추가할 수 있습니다. 이 기능은 사용자를 위한 이미지가 아닌 경우에 사용됩니다. img 요소가 이미지 표시 이외의 목적으로 사용되는 경우(예:페이지 조회수를 계산하는 서비스의 일부로) 너비 및 높이 속성을 0 값으로 사용하세요. 너비가 0인 이미지의 경우 빈 속성을 사용하는 것이 좋습니다.
<img src="theimagefile.jpg" width="0" height="0" alt="">
새로운 reportValidity() 메소드를 사용하면 양식의 유효성을 검사하고 결과를 검색할 수 있으며 브라우저에서 바로 사용자에게 오류를 보고할 수 있습니다. 요소가 동시에 여러 문제를 겪고 있는 경우 사용자 에이전트는 둘 이상의 제약 조건 위반을 보고할 수 있습니다. 이 경우와 마찬가지로 '비밀번호' 입력은 필수사항이지만 비어 있으므로 오류로 표시되어야 합니다.
<h2>Form validation</h2>
<p>Enter details</p>
<form>
<label>
Mandatory input <input type="password" name="password" required />
</label>
<button type="submit">Submit</button>
</form>
<script>
document.querySelector('form').reportValidity()
</script>
HTML 5.1에서는
산업기술
초록 계면 불안정성 과정은 생물학적 검출, 영상화 및 치료를 위해 나노결정 캡슐화 미셀(미셀 나노결정이라고도 함)을 제조하는 일반적인 방법입니다. 현재 작업은 나노결정 캡슐화 미셀의 계면 불안정성 기반 제조 공정을 조사하기 위해 모델 나노결정으로 형광 반도체 나노결정(양자점 또는 QD)을 활용했습니다. 우리의 실험 결과는 QD 캡슐화된 폴리(스티렌-b-에틸렌 글리콜)(PS-PEG) 미셀의 제조 공정에서 사용되는 에멀젼 액적 크기와 계면활성제 폴리(비닐 알코올)(PVA)의 복잡하고 얽힌 역할을 제안합니다. PVA를 사용하지 않으면
유압 펌프는 건설 및 산업 분야에서 중요한 도구이며 그 종류가 다소 혼란스러울 수 있습니다. 이 기사에서는 다양한 유형의 유압 펌프와 용도에 대해 설명합니다. 유압 펌프에는 세 가지 주요 유형이 있습니다. 펌프 구동:이 펌프는 엔진 또는 모터로 구동됩니다. 우물에서 물을 퍼 올리거나 무거운 물건을 들어 올리는 등 높은 출력이 필요한 분야에 사용됩니다. :이 펌프는 엔진 또는 모터로 구동됩니다. 우물에서 물을 퍼 올리거나 무거운 물체를 들어 올리는 것과 같이 높은 출력이 필요한 응용 분야에 사용됩니다. 펌프 지원:이 펌프는 실린