HTML5 является важной вехой в разработке веб -технологий. Для фронтального развития, если вы можете найти некоторые коды, которые, возможно, потребуются часто использовать повторно в разработке в будущем, я считаю, что вы не будете отказываться. Ниже приведены более 10 фрагментов кода HTML5, которые мы тщательно собрали. Я верю, что вам это понравится!
Если вам нужно начать новый проект HTML5, вам определенно понадобится самый простой шаблон. Вот очень простой и чистый шаблон HTML5. Я верю, что всем понравится!
<! Doctype html> <html> <head> <meta charset = utf-8> <title> Untitled </title> <!-[если IT IE 9]> <script src = http: //html5shim.googlecode.com/svn/trunk/html5.js> <////endif] <//! Содержание Интернета </body> </html>
Вот очень простой код. Он использует пользователя, чтобы ввести местоположение и получить местоположение карты Google, которое очень подходит для создания контактных форм.
<form action = http: //maps.google.com/maps method = get target = _blank> <label для = saddr> введите местоположение </label> <input type = text name = saddr/> <input type = hidden name = daddr value = 350 5th Ave New York, NY 10018 (Empire State Build
Лично я не рекомендую использовать этот прозрачный чистый GIF, но даже в 2013 году многие люди все еще используют его. Может быть, вам тоже нравится использовать этот метод.
<img src = data: image/gif; base64, r0lgodlhaqabaaaaaaaaaap /// yh5aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa7>
Регулярная форма может использоваться в HTML5 для проверки ввода:
<input type = text style = "margin-top: 0px; щедро-нижний: 15px; прокладка: 0px; граница: 1px solid rgb (43, 153, 230); font-family: наследство; 1000px;
Еще одна наиболее полезная функция в HTML5 - это видео тег, который позволяет легко внедрять видеофайлы. Тем не менее, многие старые браузеры не поддерживают его, поэтому следующий код будет очень полезен
<Видео ширина = 640 высота = 360 управления> <source src = __ Видео __. mp4 type = wideo /mp4 /> <source src = __ Видео __. Ogv type = video /ogg /> <объект Width = 640 Height = 360 Type = Application /X-Shockwave-flash Data = __ Flash __. __ Flash __. SWF> <Mame = value = stare = x value = __m. name = flashvars value = controlbar = over & amp; image = __ плакат __. Jpg & amp; file = __ Видео __. Mp4 /> <img src = __ Видео __. 230); Href = Тел: 1-408-555-5555> 1-408-555-5555 </a> <a href = SMS: 1-408-555-1212> Новое сообщение SMS </a>
Используя элементы данных Datalist, HTML5 позволяет использовать набор данных для генерации автоматических функций заполнения. Теперь вам не нужно использовать сторонний код JS или библиотеки классов!
<input name = frameworks list = frameworks /> <datalist id = frameworks> <vition value = mootools> <valie value = moobile> <optain value = dojo toolkit> <valie = jquery> <vatue value = yui> < /datalist>
<!-Скачать как расходы.
Вы должны знать, что IE6 широко используется в Китае. Если я не поддерживаю IE6 в вашем веб -приложении или на веб -сайте, добавьте этот код, и я считаю, что ваши пользователи обновят IE6, хе -хе!
<style>*{position: относительно} </style> <table> <pint> </table>