본문 바로가기

2018/07(27)

[R]HTML5 비디오(HTML5 Video) HTML Video Example. Courtesy of Big Buck Bunny. Your browser does not support HTML5 video. Playing Videos in HTML HTML로 비디오 재생하기 Before HTML5, a video could only be played in a browser with a plug-in (like flash). HTML5 이전 버전의 동영상은 플러그인과 같은 브라우저에서만 재생할 수있었습니다 (예 : 플래시). The HTML5 element specifies a standard way to embed a video in a web page. HTML5 요소는 비디오를 웹 페이지에 삽입하는 표준 방법을 지정합니다. Browser Sup..
[R]HTML 멀티미디어(HTML Multimedia) Multimedia on the web is sound, music, videos, movies, and animations.웹상의 멀티미디어는 사운드, 음악, 비디오, 영화 및 애니메이션입니다. What is Multimedia?멀티미디어 란 무엇입니까? Multimedia comes in many different formats. It can be almost anything you can hear or see.멀티미디어는 다양한 형식으로 제공됩니다. 그것은 당신이들을 수 있거나 볼 수있는 거의 모든 것이 될 수 있습니다.Examples: Images, music, sound, videos, records, films, animations, and more.예 : 이미지, 음악, 사운드, 비디오, 레..
[R]HTML Google지도(HTML Google Maps) Google Maps allows you to display maps on your web page:Google지도를 사용하면 웹 페이지에지도를 표시 할 수 있습니다. A Basic Web Page기본 웹 페이지 To demonstrate how to add a Google Map to a web page, we will use a basic HTML page:웹 페이지에 Google지도를 추가하는 방법을 보여주기 위해 기본 HTML 페이지를 사용합니다. Example12345678910 My First Google Map My map will go here Colored by Color Scriptercs Set the Map Size지도 크기 설정 Example1cs Create a Function ..
HTML5 SVG What is SVG? SVG 란 무엇입니까? SVG stands for Scalable Vector Graphics SVG는 확장 가능한 벡터 그래픽 SVG is used to define graphics for the Web SVG는 웹용 그래픽 정의에 사용됩니다. SVG is a W3C recommendation SVG는 W3C 권장 사항입니다. The HTML Element HTML 요소 The HTML element is a container for SVG graphics. HTML 요소는 SVG 그래픽의 컨테이너입니다. SVG has several methods for drawing paths, boxes, circles, text, and graphic images. SVG에는 경로, 상자,..
[R]HTML5 Canvas Your browser does not support the element. The HTML element is used to draw graphics on a web page.HTML 요소는 웹 페이지에 그래픽을 그리는 데 사용됩니다. The graphic to the left is created with . It shows four elements: a red rectangle, a gradient rectangle, a multicolor rectangle, and a multicolor text.왼쪽의 그래픽은으로 생성됩니다 . 빨간색 사각형, 그라디언트 사각형, 여러 색 사각형 및 여러 색 텍스트의 네 가지 요소가 표시됩니다. What is HTML Canvas?HTML Canvas 란 무엇입니..
[R]HTML5 스타일 가이드 및 코딩 규칙(HTML5 Style Guide and Coding Conventions) HTML Coding ConventionsHTML 코딩 규칙 Web developers are often uncertain about the coding style and syntax to use in HTML.웹 개발자는 HTML에서 사용할 코딩 스타일과 구문에 대해 종종 확신하지 못합니다.Between 2000 and 2010, many web developers converted from HTML to XHTML.2000 년에서 2010 년 사이에 많은 웹 개발자가 HTML을 XHTML로 변환했습니다.With XHTML, developers were forced to write valid and "well-formed" code.XHTML을 사용하여 개발자는 유효하고 "올바른 형식의"코드를 작성해야..
HTML5 마이그레이션(HTML5 Migration) Migration from HTML4 to HTML5HTML4에서 HTML5로 이전 This chapter is entirely about how to migrate from HTML4 to HTML5.이 장하는 방법에 대해 전적으로 마이그레이션 에서 HTML4 에 HTML5 .This chapter demonstrates how to convert an HTML4 page into an HTML5 page, without destroying anything of the original content or structure.이 장에서는 원래 내용이나 구조를 손상시키지 않으면 서 HTML4 페이지를 HTML5 페이지로 변환하는 방법을 보여줍니다. You can migrate from XHTML to HTM..
HTML5 의미 론적 요소(HTML5 Semantic Elements) Semantics is the study of the meanings of words and phrases in a language. 시맨틱 스 (semantics)는 언어로 된 단어와 어구의 의미에 대한 연구입니다. Semantic elements = elements with a meaning. 의미 론적 요소 = 의미가있는 요소. What are Semantic Elements? 의미 론적 요소 란 무엇인가? A semantic element clearly describes its meaning to both the browser and the developer. 의미 론적 요소는 브라우저와 개발자 모두에게 의미를 명확하게 설명합니다. Examples of non-semantic elements: a..
HTML5 새 요소(HTML5 New Elements) Below is a list of the new HTML5 elements, and a description of what they are used for. 다음은 새로운 HTML5 요소 목록과 HTML5 요소가 사용 된 요소에 대한 설명입니다. New Semantic/Structural Elements 새로운 시맨틱 / 구조 요소 HTML5 offers new elements for better document structure: HTML5는 더 나은 문서 구조를위한 새로운 요소를 제공합니다. Tag Description Defines an article in a document 문서에 기사 정의 Defines content aside from the page content 페이지 콘텐츠를 제외하고 콘..
HTML5 브라우저 지원(HTML5 Browser Support) You can teach older browsers to handle HTML5 correctly.이전 브라우저에서 HTML5를 올바르게 처리하도록 교육 할 수 있습니다. HTML5 Browser SupportHTML5 브라우저 지원 HTML5 is supported in all modern browsers.HTML5는 모든 최신 브라우저에서 지원됩니다.In addition, all browsers, old and new, automatically handle unrecognized elements as inline elements.또한 모든 브라우저 (이전 및 신규)는 인식 할 수없는 요소를 인라인 요소로 자동 처리합니다.Because of this, you can "teach" older browse..

티스토리툴바