Category archives: HTML

HTML-теги kbd, var и pre, их роли и недочёты

В продолжении предыдущих тем (br, dash), продолжаю педантично-занудскую тему про HTML-теги, их роли, накладки, недочёты и пр. На сей раз макс. сжато и быстро, чтобы не развозить. Read more

Ошибочная HTML-сущность тире — dash

Среди всех когда-либо офиц. декларируемых HTML-сущностей есть и ошибочные, т.е. те, которые были созданы с допущением ошибок. Самая известная такая HTML-сущность – ‐, что переводится как "тире". Read more

Частые ошибки использования HTML-тега переноса строки br

В HTML/XHTML вёрстке часто используется одиночный HTML-тег переноса строки br (от англ. break – перерыв, разрыв), который вместе с синтаксисом разметки в HTML выглядит так: <br>, а в XHTML самозакрывающийся: <br />. Данный HTML-тег форматирования текста по популярности уступает разве что тегу абзаца p и заголовков h1-h6. Казалось бы, такой простой тег, но многие неправильно его используют. Этот популярный HTML-тег имеет определённые правила правильного использования, которые, если быть макс. педантичным, нельзя нарушать. Read more

Облегчение управления чекбоксами

С момента создания концепции графического пользовательского интерфейса (GUI) он постоянно непрерывно дорабатывается для комфортной работы с ним. Казалось бы, уже всё, что можно давно придумали, но нет, постоянно можно что-то ещё додумать, чтобы было ещё лучше. Нет предела совершенству. Я думаю, что нужно добавить следующие необходимые функциональные дополнения для GUI браузера. Read more

Концепция хранения изображений на сайтах

Какой нужно придерживаться концепции для использования изображений на своих сайтах?

Некоторые считают, что все изображения надо обязательно хранить на своём сайте, т.е. на хостинге, где лежит сайт. Картинки весят мало, но в большом количестве это становится весомым грузом. Поэтому на крупных сайтах изображения хранятся на поддоменах этих сайтов, на специализированных серверах-хранилищах, а не в папке сайта на сервере. Read more

Правила хорошего тона вёрстки веб-страниц

Процесс вёрстки веб-страниц имеет творческую основу т.к. ни один из способов не является каноничным и принятым как основа. Все подходы к вёрстке имеют как преимущества, так и недостатки. Как же правильно верстать? Read more

CSS настройка HTML тега pre

По-умолч. текст в тегах pre отображается с форматированием "как есть". Т.е. если строка длинная, то она будет заезжать за все возможные границы и портить всю вёрстку. По оси X страница будет скролиться именно из-за какой-нибудь одной длинной строки. Как этого избежать, но при этом оставить остальной функционал тега pre? Read more

Нужно ли изменять размеры изображений на сайтах?

Долго экспериментировал по этому поводу, пробовал разные решений и решил остановиться на наиболее правильном как мне кажется. В своей практике были случаи когда на некоторых сайтах я делал сразу несколько копий изображений загруженных пользователями, ну что бы было удобнее их грузить и трафик не забивался. В итоге пришёл к выводу, что ресайзить изображения это дело абсолютно лишнее ибо толку от этого мало. Подобные способы были актуальны во времена медленного интернета и слабых компьютеров, сегодня же потребность в этом отпала. Read more

Делаем 301 редирект разными способами

В посте опишу самые популярные способы редиректа, как серверные так и скриптовые. Показывать буду на примере постоянного 301 редиректа (301 Permament Redirect — постоянный редирект). 301-ый код статуса HTTP, возвращается при обращении к определенному ресурсу и означает, что запрашиваемый документ был перенесен на новый адрес, причём на постоянной основе. Получив 301 код статуса HTTP все клиенты (user agents) будут перенаправляться по новому адресу. Обычно при 301 редиректе поисковые роботы производят «склейку» адресов, начального и конечно, как будто это одна страница. Read more

Старые теги в семантическом HTML5

В HTML5 есть такая парадигма как семантический веб и семантические теги структуризации контента. В связи с этим старым тегам разметки <b>, <i>, <s>, <small>, <big> в некоторой степени были даны новые смысловые значения связанные именно со структуризацией данных. Read more

Установка Apache + PHP + MySQL на Windows

Установим так сказать базовый пакет web-разработчика на локальную машину под управлением Microsoft Windows. Не станем использовать готовые сборки наподобие Denwer, XAMP, OpenServer и им подобных и будем устанавливать всё вручную и по отдельности. Read more

Настраиваем вывод главной index страницы сайта по умолчанию

Все мы знаем, что по умолчанию, и коробки, сервер Apache отображает файл index.html как главный файл сайта. Т.е. если набрать просто адрес ресурса без указания файла на нём, то сервер отдаст файл index.html как главный файл сайта (главная страница). Read more