HTML Coding

29,542 questions in this forum

1. HTML5 + правильная разметка документа

   Давайте возьмём за основу самый простой схематический макет: И так имеем: Шапка. Содержится в теге <header> Контентная часть. Содержится в теге <article> Боковая панель. Сожержится в теге <aside> Ну и по логике вещей всё это дело можно положить в <section> ? Или же контент должен хранится в <section> а <aside> уже будет к нему как второстепенный блок? Как правильно?

   Asked by klierik, July 13, 2011

   0 votes
   4 answers
2. html5 <video>

   Поставила видео ориентируясь на статью http://htmlbook.ru/html5/video Почему то не работают некоторые встроенные элементы управления. Например в firefox не срабатывает кнопка play/pause. И при нажатии на само видео ...видео не останавливается. В IE9, chrome, opera, safari тоже не срабатывает кнопка play/pause. Что это может быть?

   Asked by nusha, November 3, 2011

   0 votes
   1 answer
3. HTML5 and CSS3

   Можно ли верстать кроссбраузерно(IE ниже 7 не учитываем) используя новые веб-технологии html5 и css3? И как легче приучить себя верстать на html5? поделитесь опытом кто как первый раз применял на практике

   Asked by Aleksey19881988, June 17, 2012

   0 votes
   6 answers
4. HTML5 Audio и неправильный MIME-Type

   Делаю плеер на HTML5. Возникла проблема: файлы с одного левого сервера (на моём всё работает прекрасно, просто пробую ему файлы с других серверов скармливать) воспроизводить отказывается, выдавая ошибку MEDIA_ERR_SRC_NOT_SUPPORTED. Посмотрев, что отвечает сервер, увидел, что он отдаёт файл с MIME-типом application/x-download. Попробовал вместо атрибута src в теге указывать путь к файлу через тег <source> с указанным типом — воспроизводить всё равно не хочет, хотя выдавать ошибку почему-то перестал. Залил тот же проблемный файл себе на сервер — воспроизводится. Можно ли как-нибудь обмануть браузер и заставить воспроизводить файл независимо от указанного на сервере ти…

   Asked by andreymal, May 27, 2013

   • html5
   • audio
   0 votes
   2 answers
5. HTML5 audio, как подать несколько источников?

   У меня на странице 12 проигрывателей HTML5 audio с ссылками на аудиопотоки! Есть ли способ подавать одному проигрывателю разные ссылки по кликам с кнопок??? Чтобы не громоздить кучу медиаплееров а использовать один?!

   Asked by ogriv, October 26, 2015

   • HTML5 audio
   0 votes
   0 answers
6. HTML5 Boilerplate

   Используете ли вы HTML5 Boilerplate? Есть ли в нём минусы?

   Asked by DivMan, September 23, 2014

   0 votes
   8 answers
7. HTML5 canvas

   Всем добрый день! Занимаюсь веб-программированием не так давно. Появилась необходимость реализовать вот какую штуку- На странице по клику на кнопке рисуется окружность. Тут все просто, canvas, ctx.arc. Далее- при попадании курсора мыши на окружность, в этом месте окружности появляется небольшая точка (метка), которая следует за курсором в пределах окружности и исчезает, когда курсор выходит за ее границы. Но это не самое главное. Главное - возможность мышкой изменять радиус окружности. Т.е. что- то вроде drag & drop, кликнуть по окружности и "перетащить" радиус. С canvas раньше не работал никогда, по этому очень надеюсь на вашу помощь! Заранее благодарен!

   Asked by Odrin, January 20, 2011

   0 votes
   19 answers
8. HTML5 CSS Таблица. Расстояние между ячейками

   здравствуйте. не смог в справочниках найти и методом тыка догнать, как делать расстояние между строк в таблице больше/меньше? cellspacing вроде тыкал уже не зная куда..че то не увидел результата. И можно ли это задавать в CSS?..или только в хтмл коде непосредственно на странице? Сам код таблицы: <table class="price"> <col class=""/> <colgroup span="2"></colgroup> <col class=""/> <thead> <tr> <th colspan="2" scope="colgroup" background="/img/table_greenbar.png";><a href="" title="">Заголовок</a></th> </tr> </thead> <tbody class="price"> <tr> <td colspan="2" scope="colgroup">…

   Asked by Samenfaden, June 29, 2011

   0 votes
   6 answers
9. html5 doctype и ie6 quirks

   Может кто знает, как с html5 доктайпом заставить IE6 в quirks работать?

   Asked by MiksIr, March 21, 2012

   0 votes
   10 answers
10. HTML5 Lightbox

    Всем привет. У меня вопрос по поводу адаптации lightbox на сайте. проблема в том что lightbox вылезает за рамки сайта ((( хотелось бы адаптировать под экраны, чтобы он подгонял фотографию по экрану монитора, уменьшал увеличивал, размер изображения стандартный для всех будет.

    Asked by Homavi, April 30, 2014

    0 votes
    1 answer
11. html5 nav

    Здравствуйте, у меня вот какой вопрос можно ли в html5 тег <nav> писать перед тегом <header>? Примеру так : <!DOCTYPE html> <html> <head> <title></title> </head> <body> <nav></nav> <header></header> </body> </html>

    Asked by asso, August 17, 2013

    0 votes
    6 answers
12. html5 outline

    Хочу верстать правильно с семантикой. Только не могу пока въехать, что делать с заголовками, которые не нужны для отображение, но они должны быть для оутлайна. Например в section или article. <section> <h3 class="hidden">Осмысленный заголовок секции</h3> <p>Lorem ipsum dolar sit amet.</p></section>Если прятать с display:none, то плохо для поисковиков. Если visibility:hidden, то мне говорили так можно, в спеке прописано. Но блин он ведь остается в потоке документа и мешает верстке. Если задать свойства, width: 0; height: 0; - это решит задачу или равносильно display: none? Я до сих пор не могу верстать во всю силу html5, пока этот воп…

    Asked by box, April 10, 2015

    • html5
    • outline
    0 votes
    7 answers
13. HTML5 SVG грфика и анимация

    Люди подскажите пожалуйста,создал хтмл график и анимировал его но проблема, сам график черного цвета в анимации я хотел показывать путь выполнения заменяя цвет на зеленый по нажатию кнопки, но проблема при запуске страници цвет сразу заменяется на зеленый. подскажите пожалуйста что можно сделать? вот анимация отдельного блока для овала и линии <rect x="100" y="80" width="140" height="40" rx="60" ry="25" style="stroke: green; fill: white" ; stroke-width="1.5" fill="slategrey"> <animate attributeName="height" from="0" to="40" begin="button.click" dur="1s"/> </rect> <line x1="120" y1="150" x2="250" y2="150" stroke="green" stroke-width="1.5" > &lt…

    Asked by Гиф, March 14, 2013

    0 votes
    10 answers
14. html5 video autoplay

    Добрый день Вы меня можете помнить по теме видеонаблюдение ... (© Симсоны) Не могу победить маленькую для профи, но неразрешимую для ламеров, то есть для меня проблемку: нужно добиться автопроигрывания видеопотока с сервера видеонаблюдения, в коде ниже поток запустится только после правого клика на картинке "contlol" и выборе пункта "открыть видео", а надо чтобы сразу автоматически пошло отображение видеопотока. Код: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Видеонаблюдение в HTML5</title> </head> <body onload="java script:vide…

    Asked by vfp7, February 24, 2011

    0 votes
    11 answers
15. HTML5 video в safari (win)

    Подключаю видео через <video>, если скрипт говорит, что флеша у клиента нет. В Сафари не перематывается на середину файла - сбрасывается в начало. В Хроме такой фигни не наблюдается. Мб кто-то сталкивался с подобным? Видео в mp4

    Asked by br3t, July 23, 2012

    0 votes
    4 answers
16. html5 в дизайне интернет магазинов

    Здравствуйте. Подскажите пожалуйста такую вещь, я решил сделать новый шаблон для старого интернет магазина с использованием тегов html5 для более ясного семантического понимания поисковыми системами(да и нужно идти в ногу с современными тенденциями ).Открыл я перечень html5 тегов вот тут http://htmlbook.ru/html5 Сижу читаю про каждый, думаю какой куда применить. Возникло несколько вопросов, допустим очень интересует оберточный тег для карточек товара на страницах категорий, раньше это был обычный див(часто встречаю что подобное оборачивают в тег li, не знаю на сколько это правильно, в нем идет фотография товара, описание, цена и форма с кнопками, многовато как-то для li …

    Asked by Dolce, July 31, 2015

    • html5
    0 votes
    2 answers
17. HTML5 Есть ли смысл?

    HTML5 позволяет семантически разделить страницу. ЧТо в теории позволяет поисковикам более качественно индексировать страницу, т.е. индексировать сам контент, нежели беспорядочные(для поисковика) конструкции. Вопрос 1: Существует ли реальная польза от html5 сегодня? Влияет ли использование нового стандарта на поисковую оптимизацию? Дело в том, что IE6-8 не поддерживают этот стандарт нативно. Приходится писать JS код с созданием новых элементов, иначе браузер не знает о них. А как мы знаем, , в обещственных местах(клубах,кафе,школах, институтах) - отключен JS. И если мы перейдем на HTML5, то потеряем часть клиентов. Что вы думаете на эту тему?

    Asked by kisil-mike, January 29, 2013

    • совместимость ie6
    • поддержка
    0 votes
    21 answers
18. HTML5 есть проблема

    Доброго времени суток. Сразу к сути: Была паблик тема на WP, решил чутка подправить и заодно переверстать. (на то время сайт уже работал и был в индексе). Ничего кардинально нового не меня\не добавлял, кроме как заменил див блоки, на теги html5 (header,nav, aside, article,) + переписал доктайп и прочие вещи в head. Визуально ничего не изменилось, но сайт выплюнуло из индекса Яндекс. Собственно вопрос. Может кто-нибудь глянуть на сайт? Может я где-то допустил ошибку Сайт: anticel.ru

    Asked by romanticlove, November 6, 2013

    0 votes
    3 answers
19. HTML5 и Article на главной странице

    Добрый день! Возникли споры с коллегой по поводу значимости тега article в HTML5 В документации к формату html 5 написано: Согласно перевода, информация в теге article должна быть "самодостаточна и иметь возможность распространятся отдельно" Вот по поводу этого пункта и вышел спор. Является ли информация на главной странице: с приветствием (150 символов) кратким инфо о компании (250 символов) 4-мя информерами топ-лентами ссылающихся на другие разделы (новости, объявления, статьи) самодостаточной, и независимой ? Пример контента главной страницы тут Можно ли по определению стандарта html5 вписывать этот контент в article ? Имеет ли смысл на главной оставлять тег arti…

    Asked by PAND-or, March 26, 2012

    0 votes
    2 answers
20. HTML5 и CSS3

    Добрый день форумчане. Думаю многие согласятся с тем что новые технологии HTML5 и CSS3 превосходят своих предшественников. Открываются новые возможности в плане динамики сайта. У меня такой вопрос, стоит ли переходить полностью на такую верстку или все же писать на обычном HTML CSS т.к с новой технологией нужно будет следить за кросбраузерностью. Или стоить выбирать между ними исходя из направленности сайта и продвинутости посетителей, т.к они как правило пользуются современным браузером. Мини опрос. Кто использует новую технологию.

    Asked by Modestes, January 14, 2012

    0 votes
    1 answer
21. html5 и фавикон

    Так уж принято в интернете, что большинство источников передирают контент друг у друга, и как правило, не дополняя и не изменяя его. Вот я по запросу "как добавить фавикон" во многих источниках нашел одно и тоже: добавить вот это в хеад и всё: <link rel="icon" href="/favicon.ico" type="image/x-icon"><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">Вопросы: 1) на кой их (тегов link) 2 штуки? (подозреваю, что вторая строчка нафиг ненужна) 2) в хтмл5 в <link> с нужным rel, который для фавиконки, можно не указывать type="image/x-icon"? 3) как я понял, фавиконку можно подсунуть в любом из 3 форматах: jpeg, png, ico, да?

    Asked by Evkaky, January 2, 2014

    0 votes
    2 answers
22. HTML5 Объясните про SECTION и ARTICLE

    уже долго мучает вопросы с этими двумя тегами.правильность вложения, для чего использовать лучше. всюду пишут по разному. в итоге запутался. в частности интересует следующий момент есть такая структура сайта. шапка подвал и меню навигации понятно какими тегами используем. а вот блок контента самого, например в этом блоке у нас на главной выводятся последние новости, статьи. какой из тегов <section> или <article> использовать для всего содержимого а какой для элементов в блоке с содержимым? и как в случае с интернет магазином, где элементы внутри блока контента это блоки с товарами?

    Asked by Vadimka, January 10, 2013

    0 votes
    1 answer
23. HTML5 ползунок по типу "slide to unlock" с примагничиванием

    Нужно сделать ползунок, нашёл готовый вариант: https://css-tricks.com/examples/SlideToUnlock/ Однако от меня требуется, чтобы я сделал авто-доползание ползунка до конца, если он сдвинут минимум на 70% от старта. Как на настоящем экране блокировки. Как такое сделать?

    Asked by iBars, February 17, 2016

    0 votes
    2 answers
24. HTML5 теги (<header>, <footer> и т.д.) в FF3

    Есть ли способ поддерживать HTML5 теги (<header>, <footer> и т.д.) в FF < 4 версии? Использую для ИЕ html5shiv. Я так понимаю, html5shiv можно использовать и для FF, но как подгружать ее только тогда, когда FF < 4 версии?

    Asked by sitecor, March 19, 2012

    0 votes
    3 answers
25. html5-тэги в xhtml

    не первый месяц верстаю, но до сих пор от стандартов голова кругом. помогите пожалуйста разобраться в таком вопросе как известно в html5 используются новые теги. для того чтобы старые браузеры понимали их применяют яваскрипт. если я объявлю тип документа xhtml, затем яваскриптом научу браузер понимать новые html5-тэги и буду их использовать, то могут ли возникнуть какие-нибудь проблемы? пробовал на готовой вёрстке заменить несколько дивов на новые html5-тэги. кажется ничего не съехало пока. но это ни о чем не говорит...

    Asked by cyklop77, August 6, 2012

    0 votes
    8 answers