Задать вопрос
Ответы пользователя по тегу HTML
  • Как сделать запрет на теги в textarea?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    Здравствуйте, как в текстовом поле запретить все теги, кроме определенных.
    Здравствуйте, я думаю это относительно легко реализовать с помощью JavaScript'а, но в целом этот подход настолько же бессмысленный, насколько и простой. Во первых по тому, что пользователь может банально отключить JS у себя в браузере (одним кликом), а во вторых - запрос может легко придти вообще не из браузера (иными словами, "рукастые" пользователи всегда могут прислать всё что угодно, в буквальном смысле). По этому, я бы на Вашем месте ограничился "табличкой" аля "Разрешены только такие-то теги", а все запрещённые теги просто вырезал бы на стороне сервера (молча).
    Ответ написан
    Комментировать
  • Возможно ли сделать такой фон средствами CSS?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Добрый день. Возможно ли сделать такой фон средствами CSS? Или же будет лучше сохранить картинку с этими полосками и все?
    Добрый день. Возможно. Я бы сделал, пожалуй, через repeating-linear-gradient так как меньше картинок = меньше запросов к серверу ну и я уверен, что CSS-будет более компактным, чем аналогичная картинка.
    Ответ написан
    Комментировать
  • Правильно ли я делаю?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Подскажите, как лучше верстать проекты. Может быть вы посоветуете другие подходы в разработке
    Как лучше - зависит от конкретного случая, но, когда я занимался вёрсткой это выглядело примерно так:
    0. Используем препроцессор, какой-нибудь, например SASS (SCSS)
    1. Благодаря препроцессору, среди прочего - Вы можете дробить файлы стилей на сколь угодное число оных (хотя, я бы так делать не стал)
    2. CSS (при нашем подходе) мог делиться на следующие части:
    • Файл с основными (базовыми) стилями (в отдельных случаях он может быть включён в inline-виде прямо в заголовок страницы)
    • Файл с дополнительными стилями
    • Файл с общими медиа-запросами (по необходимости)
    • Файлы с медиа-запросами на каждое разрешение (каждый файл грузится в зависимости от разрешения устройства)
    • Файл с темой (если таковые есть)


    Касательно файлов с медиа-запросами, в общей сложности выглядит это примерно так: сначала делается вёрстка в базовом разрешении (либо "мобильная", либо "десктопная"), а потом пишутся общие стили для адаптации оной, действительные для всех разрешений, потом пишется "слой корректировок" под каждое отдельно взятое разрешение (по необходимости).

    *Выше озвучен исключительно наш подход к работе, выработанный нами и для наших проектов, далеко не факт, что подобный подход подойдёт Вам.

    Так же, рекомендую ознакомиться со списком методологий (от себя к этому списку хочу добавить то, что подход "гадить в HTML-код, создавая при этом элементы без которых легко можно обойтись" - нарушает основополагающие рекомендации CSS-основоположников, по этому, в большинстве случаев, методологии пропагандирующие подобный подход нами даже не рассматриваются).
    Ответ написан
    2 комментария
  • Как вывести такое форматирование на php?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Данные будут генерится автоматом, как сделать чтоб под текст такое форматирование было?
    Возможно я чего-то не знаю, но первый способ который приходит мне в голову, в рамках "PHP" и "что бы универсально было" - это: отрисовывать каждую надпись нужным шрифтом на картинке, потом измерять её ширину, отдельно измерять ширину точки (или нескольких точек подряд, таким же способом, по картинке). Аналогичным принципом можно так же рассчитать и переносы.

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

    Самый простой вариант - использовать моноширинный шрифт (коих много), для отображения такой информации, тогда "подгонять" ничего не придётся, достаточно будет считать кол-во букв и легко высчитывать их ширину.

    Выше описанные варианты касаются именно "PHP" (хотя и очень условно), но я бы всё-же сделал отображение информации такого характера на уровне HTML/CSS, они куда больше приспособлены для решения таких задач.
    Ответ написан
    Комментировать
  • Как расположить элемент flex-контейнера по центру?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    8 комментариев
  • Как обнаружить скрытый символ в разметке?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    Так как ни один редактор, который есть у меня на компе просто не видит его. Может быть я как-то не так ищу?!
    Видимо так. У меня Notepad++ видит его, выглядит он вот так: 5cbdf017b1b40962463015.png

    К CodePen'е он кстати тоже отображается (у меня по крайней мере). В Notepad++ его видно даже с настройками "по умолчанию", но, вы дополнительно можете включить отображение всех символов: Меню -> Вид -> Отображение символов -> Отображать все символы. Подобный режим есть во многих других редакторах, например, этот символ так же отображается в PhpStorm (и наверняка во всех остальных IDE от JetBrains).

    Сам по себе символ, который Вы обозначили - это т.н. "мягкий перенос" и обычно такие символы в HTML-коде записываются кодом. Подробности тут.

    P.S. Если у вас задача состоит в том, что бы "найти" и удалить все подобные символы "руками" - достаточно открыть соотв. файлы в Notepad++ (или попытаться включить в вашем редакторе отображение непечатаемых символов).
    Ответ написан
    Комментировать
  • Для чего meta name="viewport" ( я тестирирую сайт после того как прописала медиавиражения то вроде все ок)?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Для чего meta name="viewport"?
    Для того, что бы мобильные не масштабировали сайт в "полноформатный" режим. Не могу сказать, "как оно там будет работать конкретно у Вас", но от этого мета-тега хуже не станет точно, если вёрстка адаптивная.

    P.S. Если у Вас нет парка устройств, но есть необходимость протестировать вёрстку досконально - рекомендую воспользоваться для этих целей каким-нибудь специализированным серверисом, например таким, подобные сервисы обычно обходятся гораздо дешевле чем покупка парка устройств, если конечно Вы не представитель какой-то крупной компании.
    Ответ написан
    4 комментария
  • Как лучше сделать фон (по макету): присвоить div'у background-image или создать div с параметрами слоя?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Что более оптимально?
    Если есть возможность задать фон без картинки (в пределах разумного конечно, т.к. если бросаться в крайности - то картинки можно и CSS'ом рисовать) - то оптимальнее картинки не использовать. Меньше файлов -> меньше запросов + меньше объём страницы = быстрее загрузка.
    Ответ написан
    2 комментария
  • Верстка таблицы. Как объединить ячейки?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    Не представляю, в чём проблема... Пример (на половину таблицы, далее - по аналогии).
    Ответ написан
  • Как скрыть фрагмент html кода не удаляя его?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    Возможно ли это сделать?
    Да, можно его закомментировать . А что бы он совсем не читался (людями) - можете его в закодировать в Base64 или вообще зашифровать (с помощью стороннего ПО).
    Ответ написан
  • От чего возникает ошибка в PHP?

    Wolfnsex
    @Wolfnsex Куратор тега PHP
    Если не хочешь быть первым - не вставай в очередь!
    Для записи многострочного текста нужно использовать конструкцию <<<, тогда и ошибок (кусков кода) подобных не будет.
    Ответ написан
  • Как динамически подгружать список городов при выборе страны select`ом?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    где можно взять массив городов
    Изначально, я думаю, в интернете, например тут. После чего, Вы можете их сохранить либо в один большой-большой JSON, либо так и оставить в базе данных и получать их оттуда.

    Далее, алгоритм выглядит примерно так:
    1. Пользователь выбирает страну, на сервер отправляется ID выбранной в селекте страны (GET или POST запросом)
    2. В ответ от сервера приходит список регионов/городов выбранной страны, предположительно в формате JSON
    3. Полученный список разбирается на ID=Значение, которыми заполняется второй селект

    Можно так же заранее заполнить второй селект всеми возможными городами и потом скрывать лишние, но я бы так делать не стал, так как данных будет очень много и грузиться эта страница будет так же, не очень быстро...
    Ответ написан
    Комментировать
  • Как адаптировать весь сайт который статичен?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Мне только приходит в голову адаптировать с помощью медиа запросов. Подскажите как лучше.
    Лучше - с помощью медиа-запросов, судя по всему. А Вам известны какие-то другие способы сделать сайт адаптивным? (если не бросаться в крайние крайности, типа "очень много float'ов" или "засилье JS'а").
    Ответ написан
    2 комментария
  • Стоит ли на русском задавать атрибут name элементам формы?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    Никогда раньше об этом не задумывался, но понял что так было бы удобно использовать валидацию из коробки(laravel), чтобы она сразу генерировала верные сообщения об ошибках.
    Вообще, мировая практика разработки подобных вещей не приветствует, но... С технической стороны вопроса, Вам ничего не мешает это сделать и работать всё будет.
    Ответ написан
    Комментировать
  • При отправке формы, на ее месте грузится эта же страница, в чем может быть дело?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    При отправке формы, на ее месте грузится эта же страница, в чем может быть дело?
    Дело может быть в том, какой action указан у этой формы.
    Ответ написан
    Комментировать
  • Как стилизировать Рекапчу?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    В дополнение к предыдущему ответу, мне кажется тут Вы найдете ответы на большинство Ваших вопросов касательно стилизации реКаптчи.
    Ответ написан
    Комментировать
  • Плохо ли из page.html делать page.php?

    Wolfnsex
    @Wolfnsex Куратор тега PHP
    Если не хочешь быть первым - не вставай в очередь!
    Ведь почти на всех сайтах я встречал расширения html. Поясните пожалуйста за данный случай.
    Поисковой системе, в большей степени - всё равно, какое у Вас там расширение и есть ли оно вообще. В большинстве случаев, расширение - это часть адреса, в т.ч. можно попробовать настроить переадресацию с ".html" на файлы ".php", на уровне веб-сервера Apache / файла .htaccess.

    Только вот не знаю плохой ли тон так делать?
    Очень вряд ли это можно назвать плохим тоном. Преимущество "голых HTML" только в том, что можно сэкономить в районе 1$ на хостинге в мес., что в свою очередь - довольно незначительная сумма для любого мало мальски серьёзного проекта...

    Что именно использовать, PHP или шаблонизаторы для HTML - решать Вам, вопрос скорее (личного) удобства, чем функциональности.
    Ответ написан
    Комментировать
  • Style=...;...;...; или не считается точка с запятой в конце ошибочной?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Какое из этих выражений является ошибочным?
    Работать будут оба, браузеру, грубо говоря, фиолетово, есть ли у вас в конце ";" или пробелы между свойством и его значением... Я обычно ставлю в конце ";"...
    Ответ написан
    2 комментария
  • Есть что нибдуь кроме ajax?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    Есть ли еще какая нибудь технология для асинхронных запросов к бэкэнду кроме ajax? В качестве бэкэнда golang
    На чем бекенд - разницы особо нет (обычно).

    Есть ВебСокеты, вполне себе асинхронно (при должном подходе), глобальная разница между ним и AJAX'ом в том, что соединение поддерживается на постоянной основе.

    Ещё есть socket.io, тоже что-то наподобии сокетов, но не подскажу точно, как именно оно работает, очень давно использовал и подзабыл...
    Ответ написан
    2 комментария
  • 2500 записей на одной странице - как лучше подать?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Что делать какие альтернативы?
    Выводить записи с фильтрацией по алфавиту и/или постраничной навигацией.
    Ответ написан