Запитання з тегом «html»

HTML (HyperText Markup Language) - основна мова розмітки для створення веб-сторінок та іншої інформації, яка відображається у веб-браузері. Питання щодо HTML повинні включати мінімальний відтворюваний приклад та деяке уявлення про те, чого ви намагаєтесь досягти. Цей тег рідко використовується поодинці і часто поєднується з [CSS] та [javascript].

3
Відтворити локальний (жорсткий диск) відеофайл із тегом відео HTML5?
Я хочу досягти наступного. <video src="file:///Users/username/folder/video.webm"> </video> Намір полягає в тому, що користувач зможе вибрати файл зі свого жорсткого диска. І причина не завантаження - це, звичайно, вартість передачі та квота на зберігання. Причин для збереження файлу не буде. Це можливо?
2
Дані Base64 PNG на полотно HTML5
Я хочу завантажити зображення PNG, закодоване в Base64, у елемент полотна. У мене є такий код: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> У Chrome 8 я отримую помилку: Uncaught TypeError: Type …
89 html  canvas  png  base64 
1
Призначте змінні дочірньому шаблону в тегу {% include%} Django
У мене є цей код (який не дає мені очікуваного результату) #subject_content.html {% block main-menu %} {% include "subject_base.html" %} {% endblock %} #subject_base.html .... .... <div id="homework" class="tab-section"> <h2>Homework</h2> {% include "subject_file_upload.html" %} </div> дочірній шаблон: #subject_file_upload.html <form action="." method="post" enctype="multipart/form-data">{% csrf_token %} {{ form.as_p }} <input type="submit" value="submit"> …
8
Витяг SVG з Font Awesome
Я хочу отримати дані шляху SVG із гліфів Font Awesome, щоб я міг використовувати їх прямо як SVG у своєму HTML. Я думав, що це буде так само просто, як скопіювати дані шляху з fontawesome-webfont.svg , але коли я використовую їх у своєму HTML, всі символи відображаються догори ногами. Хтось …
89 html  svg  font-awesome 
8
Змусити ширину стовпців таблиці завжди фіксувати незалежно від вмісту
У мене є HTML-таблиця з table-layout: fixedі td із заданою шириною. Стовпець все ще розширюється, щоб вмістити вміст тексту, який не містить пробілу. Чи є спосіб виправити це крім обгортання вмісту кожного td у div? Приклад: http://jsfiddle.net/6p9K3/29/ <table> <tbody> <tr> <td style="width: 50px;">Test</td> <td>Testing 1123455</td> </tr><tr> <td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td>B</td> …
89 html  css 
4
Центр фіксованого div з динамічною шириною (CSS)
У мене є div, який матиме такий CSS: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Тепер, як я можу зробити цей центр по центру? Я можу використовувати, margin-left: -450px; left: 50%;але це буде працювати лише тоді, коли екран> 900 пікселів. Після цього (коли вікно …
89 css  html  center 
2
Динамічне додавання елементів введення до форми
Я читав багато блогів та дописів про динамічне додавання наборів полів, але всі вони дають дуже складну відповідь. Те, що мені потрібно, не таке вже й складне. Мій HTML-код: <input type="text" name="member" value="">Number of members: (max. 10)<br /> <a href="#" id="filldetails">Fill Details</a> Отже, користувач введе ціле значення (я перевіряю перевірку …
89 javascript  html  forms 
9
Vue.js стиль прив'язки даних backgroundImage не працює
Я намагаюся прив'язати src зображення в елементі, але, здається, це не працює. Я отримую "Недійсний вираз. Сформоване тіло функції: {backgroundImage: {url (image)}". У документації сказано використовувати "футляр для шашлику" або "футляр для верблюдів". <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> Ось скрипка: https://jsfiddle.net/0dw9923f/2/
89 javascript  html  css  vue.js 
5
що означає -webkit-transform: translate3d (0,0,0); точно робити? Нанести на тіло?
що -webkit-transform: translate3d(0,0,0); саме робить? Чи є у нього проблеми з продуктивністю? Чи слід просто застосовувати його до тіла або окремих елементів? Здається, це значно покращує події прокрутки. Дякую за урок!
89 html  css  webkit 
8
Прозорий колір тла CSS
Я хочу зробити так, щоб фон меню списку зникав, використовуючи непрозорість, не впливаючи на шрифт. Чи можливо це з CSS3?
89 html  css  opacity 
3
Автовідтворення відео HTML5 на iPhone
У мене якась дивна проблема. Я намагаюся створити веб-сайт із зацикленим фоновим відео. Код виглядає так: <video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video> Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент Це чудово працює в більшості браузерів (IE бореться з цим об’єктом, але я не проти), але на iPhone відео …
89 ios  html  video  webkit  autoplay 
16
Як я можу відцентрувати <ul> <li> у div
Як я можу відцентрувати невпорядкований список &lt;li&gt;на фіксовану ширину div? &lt;table width="100%"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td width="41%"&gt;&lt;img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"&gt;&lt;/td&gt; &lt;td width="59%"&gt;&lt;p align="left"&gt;&amp;nbsp;&lt;/p&gt; &lt;h1 align="left"&gt;StudioTeknik.com&lt;/h1&gt; &lt;p&gt;&lt;br align="left"&gt; &lt;strong&gt;Marc-André Ménard&lt;/strong&gt;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Photographie digitale&lt;/li&gt; &lt;li&gt;Infographie &lt;/li&gt; &lt;li&gt;Débug et IT (MAC et PC)&lt;/li&gt; &lt;li&gt; Retouche &lt;/li&gt; &lt;li&gt;Site internet&lt;/li&gt; &lt;li&gt;Graphisme&lt;/li&gt; &lt;/ul&gt; &lt;p align="left"&gt;&lt;span class="style1"&gt;&lt;strong&gt;Cellulaire en …
88 css  html  html-lists 
6
Впровадити індикатор завантаження для виклику jQuery AJAX
У мене є модальний Bootstrap, який запускається за посиланням. Приблизно 3 секунди він просто сидить там порожнім, тоді як запит AJAX отримує дані з бази даних. Як я можу реалізувати якийсь індикатор завантаження? Чи забезпечує завантажувач Twitter цю функцію за замовчуванням? EDIT: код JS для модального &lt;script type="text/javascript"&gt; $('#myModal').modal('hide'); $('div.divBox …
88 javascript  jquery  html  ajax 
4
Яка практична максимальна довжина для ідентифікатора HTML?
Специфікація HTML говорить Маркери ID та NAME повинні починатися з літери ([A-Za-z]), а за ними може бути будь-яка кількість літер, цифр ([0-9]), дефісів ("-"), підкреслень ("_") , двокрапки (":") та крапки ("."). І навіть незважаючи на те, що в декларації SGML HTML 4 використовується значення 65536 для NAMELEN, у ньому …
88 javascript  html  css 
12
Вимкніть власний вибір дати в Google Chrome
Засіб вибору дати потрапив на Chrome 20, чи існує якийсь атрибут, який би його відключив? Вся моя система використовує jQuery UI datepicker, і це крос-браузер, тому я хочу відключити власний Chrome datepicker. Чи існує якийсь атрибут тегу?
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.