HTML5는 웹 디자인의 미래입니다! 그러나 그것은 무엇입니까? HTML5와 HTML5가 웹을 어떻게 변화시키고 있는지에 대한 블로그입니다.
웹은 지난 20년 동안 많은 변화를 겪었습니다. 우리는 단지 하이퍼링크와 단락에서 HTML, CSS 및 PHP(또는 JavaScript)로만 생성할 수 있는 완전한 멀티미디어 경험으로 전환했습니다. 따라서 HTML5 표준의 일부로 이러한 아름다운 경험을 구축할 수 있는 완전히 새로운 방법이 있습니다.
HTML5는 곧 출시될 HTML 표준의 주요 버전입니다. 몇 가지 새로운 요소를 도입하고 많은 기존 요소를 확장합니다.
HTML5는 HTML 표준의 주요 개정판입니다. 여기에는 다음과 같은 새로운 구조 및 태그가 포함됩니다.
<section>, <time>, and <article>
또한 멀티미디어 및 보다 의미 있는 마크업을 지원합니다. HTML5의 주요 목표는 휴대폰과 태블릿을 포함한 모든 장치에서 사용할 수 있는 표준을 만드는 것입니다.
HTML5의 새로운 요소는 브라우저가 웹사이트를 읽을 수 있도록 웹사이트를 더 의미 있게 만들거나 "의미 있게"만드는 데 사용할 수 있습니다. 즉, 콘텐츠를 구성하는 것과 같은 태그를 사용하는 대신 HTML5가 도입한 새로운 시맨틱 태그를 사용해야 합니다. 다음은 몇 가지 새로운 요소 목록입니다.
<header>, <section>, <article>, <time>, <nav>, <footer>, <aside, <figcaption>
등.
HTML5는 또한 alt와 같은 속성을 도입하여 접근성을 돕습니다. 예를 들어 스크린 리더를 사용하는 사람들은 이미지와 CSS 스타일에만 의존하는 대신 태그를 읽어 필요한 것을 찾을 수 있기 때문에 사이트를 더 쉽게 탐색할 수 있습니다. 마지막으로 Google과 같은 검색 엔진은 페이지의 각 섹션에서 무슨 일이 일어나고 있는지 더 잘 이해하고 해당 섹션이 사용자와 얼마나 관련이 있는지 판단할 수 있습니다.
주목해야 할 한 가지 중요한 점은 HTML5가 많은 새로운 태그를 도입했지만 이전 태그를 제거하지 않았다는 것입니다. 따라서 계속 사용할 수 있습니다.
<div>
원하는 경우 다른 레거시 태그.
HTML5 요소를 사용하는 방법에 대한 자세한 내용은 여기에서 확인할 수 있습니다. https://developers.google.com/webmasters/guides/best-practices#semantic_markup .
상당히 복잡하지만 HTML5가 제공하는 가장 최신의 멋진 기능을 고려하면 HTML5를 이해하는 것은 그만한 가치가 있습니다. 예를 들어 이제 사용자 입력에 응답하는 대화형 요소를 만들 수 있습니다. 즉, 사용자가 버튼을 클릭하면 색상이 바뀌거나 페이지에서 이동하는 버튼을 만들 수 있습니다.
Reference
이 문제에 관하여(HTML5는 웹 디자인의 미래입니다! 그러나 그것은 무엇입니까? HTML5와 HTML5가 웹을 어떻게 변화시키고 있는지에 대한 블로그입니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/setorkwame/semantics-in-my-html-3a8f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)