Производство веб -страницы WebJX Введение: 10 Практических фрагментов кода HTML5, которые вы обязательно должны собрать.
HTML5 является важной вехой в разработке веб -технологий. Для фронтального развития, если вы можете найти некоторые коды, которые, возможно, потребуются часто использовать повторно в разработке в будущем, я считаю, что вы не будете отказываться. Ниже приведены более 10 фрагментов кода HTML5, которые мы тщательно собрали. Я верю, что вам это понравится!
Самый простой шаблон для HTML5Если вам нужно начать новый проект HTML5, вам определенно понадобится самый простой шаблон. Вот очень простой и чистый шаблон HTML5. Я верю, что всем понравится!
<! Doctype html><html>
<голова>
<meta charset = utf-8>
<title> без названия </title>
<!-[если я т.е. 9]>>
<script src => </script>
<! [endif]->
</head>
<тело>
Основное содержание Интернета
</body>
</html> форма Получите Google Maps
Вот очень простой код. Он использует пользователя, чтобы ввести местоположение и получить местоположение карты Google, которое очень подходит для создания контактных форм.
<form action = method = get target = _blank><Метка для = SADDR> Введите местоположение </label>
<input type = text name = saddr />
<входной тип = скрытое имя = daddr
Значение = 350 5th Ave New York, NY 10018 (Empire State Building) />
<input type = отправить значение = получить направления />
</form> base64 кодированный GIF -файл размером 1x1
Лично я не рекомендую использовать этот прозрачный чистый GIF, но даже в 2013 году многие люди все еще используют его. Может быть, вам тоже нравится использовать этот метод.
<img src=data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAP///yH5BAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA7> Regular Form Verification EmailРегулярная форма может использоваться в HTML5 для проверки ввода:
<input type = text data = your-flash-file.swfширина = 0 высота = 0>
<param name = value = your-flash-file.swf />
<param name = Quality value = High/>
</object> Film и поддерживает запасную дорогу
Еще одна наиболее полезная функция в HTML5 - это видео тег, который позволяет легко внедрять видеофайлы. Тем не менее, многие старые браузеры не поддерживают его, поэтому следующий код будет очень полезен
<Видео ширина = 640 высота = 360 управления><source src = __ Видео __. Mp4 type = video /mp4 />>>
<source src = __ Видео __. Ogv type = video /ogg />
<ширина объекта = 640 высота = 360 тип = приложение/x-shockwave-flash
data = __ Flash __. SWF>
<param name = значение фильма = __ Flash __. SWF />
<param name = flashvars value = controlbar = Over & amp;
Image = __ Poster __. JPG & amp; file = __ Видео __. MP4 />
<img src = __ Видео __.
Название = без возможностей воспроизведения видео, пожалуйста, загрузите видео ниже />
</object>
</video> iPhone Call & SMS -ссылки
Apple представляет очень удобный способ создания телефонных и текстовых ссылок на iPhone. Код заключается в следующем:
<a href = Тел: 1-408-555-5555> 1-408-555-5555 </a><a href = sms: 1-408-555-1212> Новое сообщение SMS </a> Функция автоматического заполнения данных HTML5
Используя элементы данных Datalist, HTML5 позволяет использовать набор данных для генерации автоматических функций заполнения. Теперь вам не нужно использовать сторонний код JS или библиотеки классов!
<input name = frameworks list = frameworks /><datalist id = frameworks>
<vitation value = mootoos>
<значение опции = moobile>
<vitor value = dojo toolkit>
<vitor value = jQuery>
<значение опции = yui>
</datalist> файл можно загрузить напрямую <!-скачать как расходы.pdf->
<a href =/files/adlafjlxjewfasd89asd8f.pdf
Скачать = расходы.
Вы должны знать, что IE6 широко используется в Китае. Если я не поддерживаю IE6 в вашем веб -приложении или на веб -сайте, добавьте этот код, и я считаю, что ваши пользователи обновят IE6, хе -хе!
<style>*{position: относительно} </style> <table> <pint> </table>