html5 웹 프로그래밍 입문 예제

요소는 기본 형태또는 복잡한 형태일 수 있습니다. 왜? 열려 있는 태그와 닫힌 태그 사이에 있는 모든 것이 해당 태그이기 때문입니다. 이는 요소 내에 요소를 가질 수 있음을 의미합니다. 우리의 현재 예에서, “그는 소년입니다”(그는 소년입니다) 요소입니다. YT 임베드 코드를 사용하는 대신 html5 비디오 태그를 사용하는 것이 더 유리할 상황이라는 것이 궁금합니다. 대체 텍스트의 키워드는 “설명 텍스트”입니다. 작성하는 대체 텍스트는 이미지가 전달하는 내용을 잘 파악할 수 있는 충분한 정보를 독자에게 제공해야 합니다. 이 예제에서는 “내 테스트 이미지”의 현재 텍스트가 전혀 좋지 않습니다. 우리의 파이어 폭스 로고에 대한 훨씬 더 나은 대안은 “파이어 폭스 로고 : 지구를 둘러싼 불타는 여우”가 될 것입니다. 처음에는 기존 HTML4 마크업을 모든 divs로 검사하고 모든 것을 적절한 HTML5 섹션 요소로 대체하는 방법을 결정하는 것이 약간 어렵거나 혼란 스러울 수 있습니다. 대신, 새로운 프로젝트로 이러한 요소에 익숙해지거나 아래와 같이 간단한 예제를 파는 것이 훨씬 간단합니다. 링크하려는 HTML 파일이 로컬이지만 기본 폴더와 다른 폴더에 있는 경우 파일 경로를 지정하기만 하면 됩니다. 예를 들어 파일이 현재 문서가 있는 기본 문서 아래의 “파일” 폴더에 있는 경우 하이퍼링크가 다음과 같이 LINK TEXT HERE” 가장 적합한 리소스 중 하나는 편리한 순서도입니다.

html5doctor의 호의, 이는 당신이 가지고있는 콘텐츠의 종류와 따라서 당신이 그것을 위해 사용해야하는 요소를 결정하는 과정을 안내합니다. 또한 후자의 두 스타일시트 링크를 둘러싸는 조건부 주석의 예도 확인할 수 있습니다. 이러한 브라우저 특정 동작을 처리할 때 (어설픈) 해결 방법으로 몇 시간 동안 사용 되었습니다., 가장 눈에 띄게 이전 Internet Explorer 버전에 의해 표시. 이를 통해 개발자는 다른 브라우저에 서로 다른 스타일시트를 제공할 수 있습니다. 고맙게도, 인터넷 익스플로러로 시작 10 이상, 마이크로소프트는 필요와 함께 멀리 완료 (따라서 활성화) 이러한 조건부 의견의. 그러나 이전 버전과의 완벽한 호환성을 위해 많은 개발자가 여전히 이 솔루션을 구현합니다. 조건부 주석의 코딩 및 사용에 대한 자세한 내용을 보려면 여기를 클릭하십시오. HTML(하이퍼텍스트 마크업 언어)은 웹 페이지와 해당 콘텐츠를 구성하는 데 사용되는 코드입니다.

예를 들어 콘텐츠는 단락 집합, 글머리 기호 목록 또는 이미지 및 데이터 테이블을 사용하여 구성될 수 있습니다. 제목에서 알 수 있듯이 이 문서에서는 HTML 및 해당 기능에 대한 기본적인 이해를 제공합니다. 문제가 발생하면 언제든지 GitHub의 완성된 예제 코드와 작업을 비교할 수 있습니다. 여정을 안내하기 위해 최신 웹 페이지에서 찾을 수 있는 모든 중요한 구성 요소를 포함하는 완전히 유효한 HTML5 예제를 정리했습니다. 이 문서의 나머지 부분에는 각 섹션을 자세히 세분화하여 HTML5가 중점을 두고 있는 내용과 프로젝트에서 효과적으로 사용할 수 있는 방법을 파악하여 필요한 HTML5 치트 시트가 포함되어 있습니다. 마지막으로 우리는 바닥글 요소를 가지고있다. 이 바닥글은 다음 섹션에 대한 관련 콘텐츠를 포함하기 위한 것입니다. 따라서 기사 뉴스 게시물 후 바닥글 요소를 사용하여 저자에게 크레딧 등을 제공할 수 있지만 이 예제에서는 전체 페이지의 바닥글으로 사용하고 있습니다.

이러한 간단한 규칙을 감안할 때, 우리는 아래 우리의 나쁜 예를 가지고 그것을 정리 할 수 있습니다. 우리의 첫 번째 문제는 우리가 h4 “위”(부모에) h3 요소를 포함하는 섹션이 있습니다. 또한 h3 요소는 모두 동일한 중첩 수준을 공유하므로 섹션 요소로 구분해야합니다. 이러한 예제는 훌륭하며 코드를 매우 이해하기 쉽게 만들고 코딩 스타일과 상호 작용합니다. HTML 의 응용 프로그램이 많이있었다 5 요즘 나는 확실히 뒤에 남아 싶지 않아요. 당신은 확실히 큰 도움이고 난 당신에게서 몇 가지 더 많은 블로그를 읽을 거야.