모든 저작권은 <생활코딩>의 생산자인 <egoing>님에게 있습니다.
문제시, 비공개로 전환하겠습니다.
<HTML5>
- Video 삽입-
1. videos라는 directory를 만들었다.
2. 각 브라우저마다 선호하는 비디오파일 형식이 다르기 때문에 <source src="....">를 활용하여 다양한 파일형식으로 저장한다.
예제 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <video src="videofile.ogg" autoplay poster="posterimage.jpg" width="400" controls> <source src="videos/small.mp4"> </video> </body> </html> |
- caniuse.com -
새롭게 도입된 기술은 오래된 웹브라우저에서 동작하지 않습니다.
결국 얼마나 많은 웹브라우저가 이 기술을 사용할 수 있는가에 따라서 신기술의 도입 여부를 결정해야 합니다.
Can I use는 이런 결정을 할 때 도움을 주는 서비스입니다.
-HTML5의 입력양식 -
<새로운 제출 양식들 1>
<form action ="form.php">
<input type="number" min="10" max="15">
</form>
<새로운 제출 양식들 2>
input type |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=devide-width, initial-scale=1.0"> <title></title> </head> <body> <form class="" action="index.html" method="post"> <input type="number" name="age" min="10" max="15"> <input type="date" name= "datev"> <input type="month" name="monthv"> <input type="week" name="weekv"> <input type="time" name="timev"> <input type="email" name="emailv" value=""> <input type="search" name="searchv" value=""> <input type="tel" name="telv" value=""> <input type="url" name="urlv" value=""> <input type="range" name="rangev" min="0" max="10" value=""> <input type="submit"> </form> </body> </html> |
댓글