개발자들이 다가오는 HTML6에서 기대하는 12가지 기능
게시 됨: 2017-01-17HTML5는 개발자들 사이에서 놀라운 성공을 거두었습니다. 개발자가 <article>
, <section>
, <header>
등과 같은 새로운 태그를 사용하여 보다 관련성 높은 방식으로 콘텐츠를 구성할 수 있도록 했습니다.
개발자는 <link>
및 <script>
와 같은 태그의 유형 속성을 자유롭게 사용할 수 있습니다. HTML5가 웹 프로그래밍에 패러다임의 전환을 가져왔지만 웹에서 네이티브 앱을 개발하는 데에는 한계가 있고 기타 문제가 있습니다.
개발자는 항상 효과적이고 효율적인 웹 솔루션을 제공하기를 원하며 HTML6은 이러한 목표를 달성하는 데 도움이 될 것으로 기대됩니다. 따라서 전 세계의 개발자들은 HTML6을 수용하기를 열망하고 있습니다. HTML6의 기대되는 기능이 웹 개발 영역을 어떻게 변화시킬지 보는 것은 흥미롭습니다.
다음은 곧 출시될 HTML6에 대한 개발자 커뮤니티의 가장 인기 있는 기대 사항입니다.
익스프레스 태그
HTML6은 익스프레스 태그를 사용하여 개발자를 용이하게 합니다. <logo></logo>
를 사용하여 웹페이지에 로고를 할당할 수 있습니다. 마찬가지로 <sidebar></sidebar>
및 <navigation></navigation>
태그는 각각 사이드바와 탐색을 통합합니다.
또한 <div>
태그는 여러 ID를 사용하지 않고 사용할 수 있습니다. 예를 들어 <div id='container'>
및 <div id='wrapper'>
를 작성하는 대신 <container>
또는 <wrapper>
를 사용할 수 있습니다.
XML과 유사한 네임스페이스
HTML6은 XML과 유사한 구조의 네임스페이스와 함께 제공될 것으로 예상됩니다. 이러한 네임스페이스는 개발자가 다른 태그와 충돌하지 않고 동일한 태그를 사용하는 데 도움이 됩니다. 즉, HTML6은 정의된 태그 외에 원하는 태그를 사용할 수 있다는 장점이 있습니다.
HTML6 문서
[xhtml]
<!DOCTYPE HTML>
<html:html>
<html:머리>
<html:title>HTML6 살펴보기</html:title>
<html:meta type="title" value="페이지 제목">
<html:meta type="description" value="네임스페이스가 있는 HTML 예제">
<html:link src="css/mainfile.css" title="스타일" 유형="텍스트/css">
<html:link src="js/mainfile.js" title="스크립트" 유형="텍스트/자바스크립트">
</html:머리>
<html:본문>
<헤더>
<로고>
<html:미디어 유형="이미지" src="이미지/xyz.png">
</로고>
<내비게이션>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</헤더>
<내용>
<기사>
<h1>주요 기사 제목</h1>
<h2>주요 기사의 소제목</h2>
<p>[…]</p>
<p>[…]</p>
</article>
<기사>
<h1>HTML6의 개념</h1>
<h2>기본 이해</h2>
<p>[…]</p>
</article>
</내용>
<바닥글>
<copyright>이 사이트는 © 익명 2017에</copyright>
</바닥글>
</html:본문>
</html:html>
[/xhtml]
이 문서에는 이상한 <html: x>
태그가 있습니다. W3C 및 HTML6 사양에 속하는 네임스페이스 요소이며 브라우저 이벤트를 트리거하는 데 유용합니다. 예를 들어, <html: title>
은 브라우저의 제목 표시줄을 변경하고 <html: media>
는 정의된 이미지가 브라우저 화면에 나타나도록 도와줍니다. 이러한 요소는 브라우저와 관련이 없습니다. 개발자가 샘플 코드를 보다 의미 있게 만들 수 있습니다.
추가 비디오 개체 제어
HTML6은 사용자의 비디오 경험을 개선하기 위해 비디오 개체에 대한 더 많은 제어를 제공할 것입니다. 개발자가 압축 코덱을 제거할 수는 없지만 다른 압축 알고리즘으로 조정할 수 있습니다.
더 나은 콜백 후크 및 동기화 메커니즘과 함께 페이지의 비디오 프레임 페인팅에 대한 더 많은 제어가 예상됩니다. 다가오는 HTML 버전에서 DOM과 비디오를 혼합하는 기능도 기대할 수 있습니다.
[xhtml]
<! – 간단한 동영상 예시 –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> 죄송합니다. 귀하의 브라우저는 포함된 비디오를 지원하지 않지만 걱정하지 마십시오. <a href="videofile.webm">다운로드</a href="videofile.webm">다운로드</a href="videofile.webm"> > 좋아하는 비디오 플레이어로 시청하세요!
</비디오>

<! – 자막이 있는 동영상 –>
<비디오 src="foo.webm">
<트랙 종류="자막" src="foo.en.vtt" srclang="en" label="영어">
<트랙 종류="자막" src= "foo.sv.vtt" srclang="sv" label="스벤스카">
</비디오>
[/xhtml]
전용 및 풍부한 라이브러리
JQuery는 표준 라이브러리와 관련하여 JavaScript의 세계를 변화시켰습니다. HTML의 다음 표준은 브라우저와 함께 배포되는 보장된 라이브러리를 제공할 수 있습니다. jQuery 1.9의 캐시된 버전을 새로 고치는 동안 더 많은 시간을 절약할 수 있습니다. 즉, 캐시 가능한 버전의 라이브러리가 곧 출시될 예정입니다. 많은 디자이너가 특정 라이브러리를 사용하는 경우 새 HTML6 버전에서 브라우저와 함께 배포할 수 있습니다.
향상된 주석
주석은 기사의 기초에 있는 주석 섹션에 국한되어서는 안 됩니다. 표준 구조는 단락, 문장 및 단어에 대한 주석을 추가할 수 있습니다. 동영상 속 이미지와 순간까지도 정교한 버전으로 주석을 달 수 있습니다. API 표준화를 통해 모든 웹사이트와 브라우저에서 기본 주석을 동일한 방식으로 처리할 수 있습니다. 개발자 커뮤니티는 향상된 주석 옵션을 기다리고 있습니다.
카메라 통합
카메라는 가정과 사무실에서의 상호 작용에서 중요한 역할을 합니다. HTML6은 다양한 방식으로 우리 기기의 모든 미디어 콘텐츠를 허용할 것으로 예상됩니다. 브라우저, 양식 또는 기타 시스템에서 카메라에 대한 더 많은 제어를 제공할 수 있습니다. 이미지 캡처, 즉석 필터링, 카메라 효과는 해결할 수 있는 측면 중 일부입니다. 또 다른 가능성은 파노라마 이미지와 HDR 생성을 촉진하면서 비디오와 사진 모두에 대해 여러 형식을 허용하는 것입니다.
강화된 인증
브라우저는 인증과 관련하여 더 많은 것을 제공할 수 있습니다. 예를 들어, 브라우저는 쿠키를 사용하는 대신 강화된 칩에 저장할 수 있는 내장 키로 토큰에 서명하도록 제안할 수 있습니다. 그것은 사람들(읽기: 해커)이 비밀 키를 통해 액세스하는 것을 방지합니다. API를 브라우저에 추가하여 웹사이트에서 더 나은 디지털 서명을 요청할 수 있습니다. 어떤 면에서는 보안을 강화하기 위해 인증이 더 강해질 수 있습니다.
마이크로포맷
주소 또는 전화번호의 일부와 같은 일반적인 세부정보는 HTML6의 마이크로포맷이라는 표준 방식을 사용하여 지정할 수 있습니다. 표준 태그 세트를 사용하여 웹 크롤러와 검색 엔진으로부터 빠른 응답을 얻을 수 있었습니다. 개발자는 위치, 날짜, 시간, 참고 문헌 및 모든 형식의 표준 데이터에 대해 보다 포괄적인 마크업을 사용하여 자세한 정보를 생성할 수 있습니다. 국가별 전화 코드도 예상할 수 있습니다. 또한 개발자는 날짜 형식을 변경할 때 유연성을 추구합니다. 지금은 기본적으로 미국으로 설정되어 있습니다. 어떤 면에서 마이크로포맷은 HTML6에서 더 강력하고 유연해질 것입니다.
전처리기
플러그인 가능한 전처리기는 언어를 JavaScript로 변환하기 위해 HTML6에 통합될 수 있습니다. 오늘날 Lisp, Python, Ruby, Erlang, Scala 및 기타 여러 언어를 JavaScript로 컴파일할 수 있으며, 향후 HTML 버전은 이 목표를 달성하기 위한 전처리기를 가져올 수 있습니다. 이러한 언어 중 하나가 JavaScript로 크로스 컴파일되면 인터넷을 통해 쉽게 파이프될 수 있는 더 작은 버전이 생성됩니다. HTML5는 로컬 시스템의 코드 최적화를 어렵게 만드는 JavaScript의 일반 버전입니다.
플러그 가능한 언어
HTML의 차기 버전과 함께 플러그인 가능한 언어 세트의 도착을 배제할 수 없습니다. 개발자에게 더 많은 디자인 선택권을 제공하면서 유연성을 증가시킬 것입니다. JavaScript는 광범위하게 계속될 수 있지만 앞으로는 특수 언어를 사용하는 특수 확장이 나올 수 있습니다. 개발자는 또한 요구 사항을 충족하기 위해 많은 코드를 생성할 수 있는 HTML 태그를 원합니다.
이미지의 자동 브라우저 크기 조정
이미지의 모양은 장치 유형 및 창 크기와 같은 다양한 측면에 따라 다릅니다. HTML의 표준 <img>
태그에는 이미지를 표시하는 동안 브라우저에 문제를 일으킬 수 있는 SRC가 하나만 있습니다. 그러나 더 나은 HTML 프로토콜은 이미지에 대해 원하는 너비 또는 높이를 제안할 수 있으며 서버는 최적의 해상도를 제공할 수 있습니다. 어떤 면에서 이미지의 브라우저 크기 조정은 HTML6에 올 것입니다.
연락처 정보에 대한 보안 액세스
사람들이나 방문자는 종종 자신의 장치 데이터베이스에 대한 이메일 주소 또는 연락처 번호를 원합니다. 지금 당장은 잘라내기 및 붙여넣기로 그렇게 할 수 있습니다. JavaScript는 HTML6의 새 버전에서 이러한 잘라내기 및 붙여넣기에서 사람들을 구할 것으로 예상됩니다. 모바일 장치에서 인터페이스는 사람들에게 연락처 정보에 대한 보호된 액세스를 제공할 수 있습니다.
결론
그게 다가 아니다. 개발자는 HTML6에서 양식 유효성 검사를 사용자 정의할 수 있기를 원합니다. 지금은 기본적으로 제공되며 변경할 수 없습니다. 또한 모바일 중심의 세계에서 향후 HTML 버전은 모바일 브라우저에서 GPS를 사용하여 위치 추적 기능을 제공할 수 있습니다. 블루투스 지원, 내장된 맬웨어 방지 기능, 피어에서 피어로 파일을 전송하는 기능 등 다른 기능 아이디어도 곧 출시될 HTML6의 파이프라인에 있습니다.
스테이지는 HTML6용으로 설정됩니다. 웹 개발 프로세스에 근본적인 변화를 가져올 수 있는 최신 버전이 나올 때까지 기다리자.
행복한 웹 개발!