HTML5는 웹 디자인의 미래입니다! 그러나 그것은 무엇입니까? HTML5와 HTML5가 웹을 어떻게 변화시키고 있는지에 대한 블로그입니다.

1977 단어
HTML에 대해 들어본 적이 있지만 아직 HTML이 무엇인지 잘 모르는 경우. HTML은 웹 사이트 및 애플리케이션을 구축하는 데 사용할 수 있는 마크업 언어입니다. "웹 사이트를 구축하는 데 왜 하나 이상의 언어가 필요한가요?"라고 생각하고 계실 것입니다. 답은 간단합니다. HTML과 CSS는 함께 작동하여 웹 사이트의 구조를 제공하는 동시에 CSS로 달성할 수 있는 스타일 및 기타 시각적 후크를 제공합니다.

웹은 지난 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를 이해하는 것은 그만한 가치가 있습니다. 예를 들어 이제 사용자 입력에 응답하는 대화형 요소를 만들 수 있습니다. 즉, 사용자가 버튼을 클릭하면 색상이 바뀌거나 페이지에서 이동하는 버튼을 만들 수 있습니다.

좋은 웹페이지 즐겨찾기