지금까지 온라인 여행에서 HTML5라는 용어를 들었을 것입니다. 그러나 HTML5가 실제로 무엇인지 아십니까?
HTML5는 추가 기능과 함께 풍부한 웹 사이트를 제공 할 수있는 선택의 폭이 넓기 때문에 중요합니다. 당신은 그것에 대해 더 많이 들릴 것 같습니다.
사실, 다음 웹 사이트는 HTML5로 작성 될 수 있습니다. 따라서 웹 개발자와 제대로 의사 소통하기에 충분한 정보를 얻고 웹 사이트에 대한 옵션을 고려하고 싶을 것입니다.
$config[code] not found그래서, 무엇 ~이다. HTML5?
HTML은 인터넷이 시작된 이래로 주변에 있습니다. 웹 사이트의 기본 요소로 사용되는 언어입니다. HTML은 이미지를 페이지에 표시하고, 이미지를 정렬하고, 텍스트를 보통 또는 굵게 만들고, 텍스트의 글꼴을 지정하는 코드입니다.
1990 년대 이래로 4 가지 버전의 HTML이 있습니다. 우리는 현재 버전 5로 전환 중입니다. 버전 5는 오늘 우리가 여기서 말하고자하는 것입니다.
HTML5 계획은 월드 와이드 웹 컨소시엄 (World Wide Web Consortium)이 2004 년에 시작했으며, 10 년 후 비교적 적은 수의 웹 사이트가 HTML5를 사용합니다. 이것은 HTML 버전을 업그레이드하는 과정이 밤새도록 이루어지는 것이 아니라는 것을 보여줍니다. 수년이 걸립니다. (논쟁과 이단자들도 있습니다.)
그러나 HTML5가 널리 사용되기 시작하면 HTML4는 태양이 비치는 섬에 연금을받지 않습니다. HTML5와 HTML4는 서로 겹쳐지며 각각 서로 평화롭게 공존하여 고유 한 기능을 제공합니다.
HTML4와 HTML5는 현재 공존하고 있습니다. 일부 구형 브라우저는 HTML5를 읽을 수 없습니다. 브라우저가 HTML5와 호환되는지 테스트하려면이 사이트를 방문하십시오.
HTML5의 이점
따라서 새로운 HTML5의 이점이 무엇인지 이미 묻고있을 것입니다. 몇 가지 주요 이점을 살펴 보겠습니다.
플래시 문제 해결
iOS 기기가있는 경우 기기가 Flash를 사용할 수 없다는 것을 이미 알고있을 것입니다. Android에도 자체 플래시 문제가 있습니다. Android를 사용하면 사이트의 플래시 요소 또는 플래시 비디오를 볼 수있는 해결 방법이 필요할 수 있습니다. 웹 사이트의 일부가 소프트웨어 비 호환성으로 인해 제한을 벗어나는 경우 사용자 환경에 지장을줍니다.
HTML5를 사용하면 Flash가 없어도보다 멋진 효과와 애니메이션, 멋진 웹 페이지를 만들 수 있습니다. HTML5는 다음과 같이 볼 수 있습니다. 대안 플래시가 아닌 대체품.
더 풍부한 웹 사이트
HTML5는 웹 사이트를보다 빠르고 상호 작용할 수있는 잠재력을 지닙니다. 예를 들어 웹 사이트에서 스트리밍 비디오를 더 빨리 재생하는 것 등이 있습니다. YouTube와 같은 사이트에서 이미 HTML5 동영상 플레이어를 제공하고 있습니다. (그러나 기본 설정이 아니므로 직접 전환해야합니다.)
또는 플러그인이없는 웹 사이트에서 오디오를 재생하거나 코드를 사용하여 웹 사이트에서 손가락이나 스타일러스 펜으로 그리거나 파일을 웹 사이트 (예: WordPress의 업로드 기능)로 드래그 앤 드롭 할 수 있습니다.
HTML5의 좋은 예는 HTML5에서 수행 할 수있는 몇 가지 기능을 보여주는 Google에서 운영하는 Chrome 실험실입니다. 이 사이트의 예제는 WebGL이라는 이름으로 만들어졌으며 3D 객체 및 애니메이션을 만드는 HTML5 관련 기술입니다.
더 나은 시맨틱 마크 업
시맨틱 마크 업은 HTML5를 만드는 것이 아니라 HTML5를 개선하는 것입니다.
의미 론적 마크 업이란 무엇입니까? 너무 기술적 인 문제없이 세부 사항을 놓치지 않고 해결하려고 노력하십시오. 예전에는 웹 사이트에 정보가 있었지만 검색 엔진이 해당 정보를 이해할 수있는 방법이 없었습니다. 단지 발견 한 내용을 색인화했지만 그 정보에 의미를 부여하는 문맥은 없었습니다. 전화 번호는 임의의 숫자 문자열이었습니다.
그러나 의미 론적 마크 업은 데이터가 적절한 상황에서 해석되므로 전화 번호는 전화 번호로 식별되고 상점 개업 시간은 상점 개통 시간 등으로 식별됩니다. 따라서 검색 엔진은 쿼리를 더 잘 이해하고보다 정확한 정보를 제공 할 수 있습니다. 따라서 귀하 지역의 Walmart가 폐쇄 될 때 Google에 요청하면 시간이 촉발됩니다.
아마도 가장 잘 알려진 의미 론적 마크 업 예제는 Google의 저자입니다. Google에서 무언가를 검색 할 때마다 블로그 게시물과 기사는 종종 저자의 사진을 왼쪽에 표시합니다.
또한 뉴욕에있는 법률 사무소를 찾고 있다고 말하십니까? 검색 엔진의 시맨틱 마크 업에는 연락처 세부 정보와 함께 Google지도로 안내하는 마커가 있습니다. 리뷰를 읽고 회사의 Google Plus 페이지를 볼 수도 있습니다.
따라서 의미 론적 마크 업은 웹을 훨씬 유용하게 만들 수 있습니다. 시맨틱 마크 업에는 비디오, 고객의 성명 및 판매 할 제품의 세부 정보가 포함될 수도 있습니다.
검색 결과에서 기사 옆에 그림을 올릴 수있는 Google Authorship을 추가하는 것은 쉽습니다. Google은 모든 단계별 설명을 여기에 있습니다.
귀하의 사이트에 다른 것을 추가하기 위해 Search Engine Land에는 귀하의 사이트에서 주소, 연락처 세부 정보, 지불 유형 및 영업 시간을 마크 업하는 것과 같은 세부적인 기능이 요약되어 있습니다. 이렇게하면 귀하의 비즈니스에 대한 검색 결과에 어떤 종류의 데이터를 표시 할 수 있는지 알 수 있습니다.
어떻게 기업들이 HTML5를 시작할 수 있습니까?
그래서 당신이 지금 묻고있는 질문은 "내가 무엇을해야합니까?"입니다. 스트레스를 가장 먼저하는 것은 있다 지금 당장 뭐든지 할 수 있습니다. 웹 사이트가 HTML5없이 완벽하게 잘 돌아갈 수 있습니다.
그러나 온라인 또는 모바일 환경에 크게 의존하는 비즈니스를 보유하고 있다면 웹 개발자와 함께 계획을 세우고 옵션을 검토하기 시작하지 않아도됩니다.
필요한 기능과 그들이 비즈니스에 어떻게 도움이되는지 생각하십시오. HTML5는 이러한 기능을 온라인 상태로 가져 오는 올바른 선택 일 수도 있고 그렇지 않을 수도 있습니다.
그러나 고객이 아직없는 경우 최첨단이되는 것은 역효과 일 수 있음을 명심하십시오. 중소기업 동향의 CTO 인 Leland McFarland는 전체 HTML5 문제에 대해 다음과 같이 조언합니다.
"고객이 오래된 브라우저를 사용하고있을 수 있습니다. 그것은 당신이나 당신의 개발자가 원하는 것의 문제가 아닙니다. 가능한 한 많은 독자 또는 시청자가 사이트에 액세스 할 수 있도록하는 것이 목표입니다. 일부 잠재 고객이 오래된 브라우저로 인해 귀여운 애니메이션을 볼 수없는 경우에도 여전히 볼 수있는 대안이 있습니까? 텍스트가있는 페이지와 이미지 캡쳐가있는 페이지일까요? 모든 사람이 사이트에서 좋은 경험을 할 수 있도록 대안을 구축하도록 개발자에게 요청하십시오. "
웹 사이트의 웹 로그 분석 데이터 (예: Google 애널리틱스)는 잠재 고객이 주로 사용하는 브라우저 및 기기의 종류를 알려줄 수 있어야합니다. 그것은 청중의 요구가 무엇인지에 대한 약간의 아이디어를 제공해야합니다. 첫 번째 고려 사항 중 하나는 그들이 원하고 필요로하는 것을 제공해야합니다. 또한 새로운 잠재 고객을 생각해보십시오. 하고 싶다 끌다. 예를 들어, HTML5는 Apple 장치를 사용하여 더 많은 사람들을 끌어 들여 유지할 수 있습니다.
HTML5는 미래이며 온라인상에서 추가 기능을 추가 할 수있는 힘이 있습니다. 중소기업 소유자 또는 관리자 인 경우 커브를 앞서 나가고 HTML5에 대해 더 자세히 알아보고 사용 방법을 계획하기 시작하면 도움이 될 것입니다.
Shutterstock을 통한 HTML 이미지; 스크린 샷
More in: 7 코멘트는 무엇입니까 ▼
