html5- все статьи тега


Чтение потока файлов с помощью javascript в веб-браузере

В веб-браузере я хочу вычислить контрольную сумму sha1 огромного файла в локальной файловой системе, не отправляя его на сервер. File API поддерживает чтение файлов с локального диска, но я думаю, что он читает весь файл и помещает их все в память. Это может возникнуть проблема, если файл больше, чем системная память. Streams API кажется полезным для решения этой проблемы, но я не смог найти, как читать файл с помощью API. Есть ли какой-нибудь способ читать поток файлов с локального диска с ...

создание линейного градиента путем получения цветов фона из двух дивов с помощью события onclick javascript

Я работаю над проектом, который будет получать цвет фона от двух разных дивов, используя два разных onClick events.My дивы имеют шестнадцатеричные значения цвета фона. Я хочу получить их и объединить в виде линейного градиента, применить их к родительскому div,а также преобразовать тот же код в rgb. Вот мой HTML, CSS и Js <div class="color ForeignCrismon" onClick="GetColorOne(event)"></div> <!--First Color Stop--> <div class="color BrewedBrown" onClick="GetColorTwo(event)" ...

Стоит ли создавать отдельный CSS-файл для каждой HTML-страницы?

Я создаю личную домашнюю страницу. У меня есть 4 HTML-страницы и только один CSS-лист, связанный для всех страниц. То есть внутри одного CSS-файла я настроил макет для всех разных страниц. [На самом деле, каждая страница имеет практически одинаковый макет, только содержание и их стиль выглядят по-разному. И мой сайт не является таким уж продвинутым.] Это хорошая практика? Или я должен создать отдельный CSS для каждой страницы? Пример того, что у меня есть сделано: Страница-1.html: <l ...

Ошибки проверки (например, "Stray start tag html"), которые я, кажется, не могу стряхнуть с заголовка.РНР

Запуск проверки и получение нескольких ошибок. f<!DOCTYPE html>↩ <!--[if IE 8 ]><html class="ie ie8 no-js" lang="en-US" prefix="og: http://ogp.me/ns#"> <![endif]-->↩ <!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en-US" prefix="og: http://ogp.me/ns#"> <!--<![endif]-->↩ <head>↩ Я попытался сохранить заголовок.php as (UTF-8, без BOM), но я не могу, кажется, встряхнуть не-пробел ('f') в начале. Вот код PHP: & ...

Безопасная разметка для HTML-почты

Почтовые клиенты ограничены в своих возможностях отображения HTML. Какие стили разметки HTML и CSS можно безопасно использовать в электронной почте в формате HTML? ...

Как отключить элементы управления по умолчанию на полноэкранном видео HTML5?

У меня есть видео заданной ширины и высоты, двойной щелчок по которому делает его полноэкранным с помощью videoElement.webkitRequestFullScreen(). По умолчанию видео не имеет никаких элементов управления. Но по какой-то причине при переходе на полный экран всплывают элементы управления по умолчанию. Вот что я делаю: <video id="videoId" width="320" height="240" autoplay="autoplay" ondblclick="enterFullScreen('videoId')" src="Blah.mp4"></video> И функция enterFullScreen(...) определ ...

Как используется тег meta viewport и что он делает?

какие браузеры поддерживают этот мета-тег? Как я могу его использовать? означает ли это, что он решит все мои проблемы с мобильным изменением размера? Если бы кто-нибудь мог ответить на этот вопрос, это было бы большим подспорьем для новичков в обучении <meta="viewport"> ...

Программно измените src тега img

Как я могу изменить атрибут src тега img с помощью javascript? <img src="../template/edit.png" name=edit-save/> Сначала у меня есть src по умолчанию, который является "../ шаблон / правка.png" и я хотел изменить его с"../ шаблон / сохранить.png " onclick. Обновлено: вот мой html onclick: <a href='#' onclick='edit()'><img src="../template/edit.png" id="edit-save"/></a> И мой JS function edit() { var inputs = document.myform; for(var i = 0; i < input ...

HTML5 Canvas: как ограничить fillRect?

В HTML5 я хочу сделать fillRect() (с белым цветом заливки) и border (черным). Я не хочу использовать strokeRect(), Если я не смогу заполнить его позже. Я создаю игру, в которой вы нажимаете на квадраты, и они меняют цвет (это сложнее, чем это, но это то, на чем фокусируется внимание). <canvas id="canvas1" width="400" height="300" style="border:1px solid #000000;"></canvas> <script> var c=document.getElementById("canvas1"); var ctx=c.getContext("2d"); ...

HTML Canvas-пунктирный штрих по кругу

Я знаю, что нет собственной поддержки для выполнения пунктирных штриховых линий, отображаемых на холсте, но я видел умные способы, которыми люди могли генерировать поддержку для этого. Мне интересно, есть ли какой-либо способ перевести это, чтобы обеспечить отображение пунктирных штрихов вокруг фигур (в частности, кругов)? ...

Создание выпадающего меню по клику CSS

Я должен построить меню с 5 опциями, при нажатии на определенную появится новое подменю. Я совершенно не представляю, как это сделать. /**Navigation */ nav { border: 1px solid red; float: left; margin-right: 35px; min-height: 280px; } nav li { text-decoration: none; font-weight: normal; color: red; list-style: none; } /**Content */ #section { background-color: ; border: 1px solid; font: normal 12px Helvetica, Arial, sans-serif; margin-le ...

HTML5: W3C против WHATWG. Что дает наиболее авторитетные спецификации?

Я нахожусь на полпути через HTML-парсер и нашел html5, определяющийявно эмпирические правила для разбораплохо сформированного html . (и я привык выводить их из DTDs, вздыхаю) Мне нравится этот факт, но я хорошо знаю, что html5 еще не завершен (и мне интересно, будет ли он когда-нибудь) и что он разрабатывается не W3C, а WHATWG. В поисках нужной мне спецификации я получил: 8.2 секция W3C трhttp://www.w3.org/TR/html5/syntax.html#parsing Или 11.2 раздел WHATWG web-apps/current-workht ...

Создание динамической формы в виде стрелки с помощью CSS

Я хотел бы создать сложную стрелкообразную форму с CSS, как это изображение: Это текущий код: .camera_caption { position: relative; background-color: greenyellow; left: 0; margin-top: 263px; width: 717px; /*height: 234px;*/ padding-left: 365px; font: normal 14px/24px 'Roboto'; color: #fff; } .camera_caption:after { content: ""; background: url(../images/capture_bg2.png) 0 0 no-repeat; position: absolute; height: 234px; width: 119px; ...

Как отобразить горизонтальные и вертикальные линии сетки в google графике

google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Year', 'Sales', 'Expenses'], ['2004', 1000, 400], ['2005', 1170, 460], ['2006', 660, 1120], ['2007', 1030, 540] ]); var options = { title: 'Company Performance', }; var chart = new google.visualization.LineChart(document.getElementById('chart_div')); chart.draw(data, options); } ...

Knockout JS: изменение события не срабатывает для даты HTML5 на iPad

Я использую библиотеку Knockout JS для привязки элементов управления HTML5 input в моем веб-приложении, которое предназначено для работы на iPad (iOS5, Safari 5.1). Привязка прекрасно работает для входных типов, таких как text и select, но не для даты. После выбора значения даты через datepicker значение не привязывается к свойству viewModel (фактически не сохраняется). Вот как выглядит мой HTML. <input id="dob" name="dob" type="date" data-bind="value: dob" /> Я попытался обойти пользо ...

Преобразование двоичных данных в base64 с помощью javascript

HTML5 позволяет хранить данные локально, что я думаю, это здорово. Например, вот как вы можете использовать его: var store = window.localStorage; store.setItem('foo', "hellow world"); var test = store.getItem('foo'); // test should = "hellow world" В html можно динамически отображать изображение, задав его источник следующим образом: "data:image/jpg;base64," + (base64string) Итак, мой вопрос: как я могу преобразовать двоичные данные в строку base64, ...

Почему добавление свойств min/max изменяет ширину числового элемента ввода HTML5 в Chrome?

HTML5 вводит поля ввода, для которых допустимы только числовые значения. <input type="number" placeholder="box 1" /> Сегодня я заметил, что при указании атрибутов min и max результирующая ширина текстового поля изменяется: <input type="number" placeholder="box 2" min="0" max="100" /> Эти два элемента отображаются в Chrome по-разному: В Firefox этого, похоже, не происходит. Проверьте это самив этом jsFiddle . Это ошибка, или для этого есть причина? ...

Почему это документ.querySelector не работает на псевдо элементе?

Я играю с псевдоэлементами и javascript, но некоторые из них я не могу стилизовать с помощью javascript. var div = document.querySelector(":before"); div.style["display"] ="none"; div{ width:200px; height:200px; background:red; position:relative; } div:before{ position:absolute; content:''; top:0; right:-100px; width:100px; height:100%; background:green; } <div></div> Не кто-нибудь знает почему это не р ...

Highcharts - изменение цвета только выбранной колонки

У меня есть гистограмма, сделанная с использованием Highcharts.JS. При щелчке на панели ее цвет меняется на оранжевый. Но когда щелкается другой бар, цвет ранее нажатого бара остается оранжевым. Я хочу, чтобы при щелчке бара цвет всех других баров стал по умолчанию. $('#container').highcharts({ chart: { type: 'column' }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, plotOptions: { serie ...

HTML5-input=количество и несовместимые браузеры

Я хочу использовать элемент html5 <input type="number"> на моем веб-сайте, но я хочу знать, что происходит с этим полем в браузерах, которые не поддерживают эту функцию? Это больше, чем классическое поле <input type="text"> для этих браузеров? ...