————————————————
Проверка
● HTML
● CSS
● Работа кода онлайн
● Браузер
————————————————
Языковой перевод страницы Интернета
Страницу в Интернете можно переводить, используя нижеследующий
инструмент Гугла, обнаруженный мной сегодня (2021`06`28).
Пример URL:
▷https://pavelkalinin-narod-ru.translate.goog/ru1/cf6y5.htm?_x_tr_sl=ru&_x_tr_tl=de&_x_tr_hl=en&_x_tr_pto=ajax,elem&_x_tr_sch=http◁
Здесь:
„tr” — „translation” (перевод);
„sl” — „source language” (язык источника);
„tl” — „target language” (язык перевода);
„hl” — „… language” (язык интерфейса);
„sch” — видимо, „scheme” (схема).
Остаётся только вопрос: по какому критерию Гугл меняет
„pavelkalinin.narod.ru” на
„pavelkalinin-narod-ru”, то есть меняет точки на дефисы. Ведь в исходном
URL дефисы уже могут быть.
————————————————
Образцы решений
————————————————
————————————————
Используйте блочные элементы
Нельзя так просто вставить текст в код документа, он должен располагаться внутри абзаца (тег <p>)
или другого блочного элемента. В тех случаях, когда вы не знаете, какой блочный тег использовать, добавляйте
универсальный элемент <div>.
————————————————
Похоже, применение дескриптора „p” (paragraph [Англ.] — абзац) есть рудимент. Можно и, видимо,
лучше обходиться универсальным блочным дескриптором „div” (divide [Англ.] — раздел).
При использовании „<div>” нет необходимости задавать верхнее и нижнее поля („margin-top” и „margin-bottom”) — они, как и следует ожидать, по‑умолчанию равны нулю.
Для „<p>” же если эти поля не заданы, то обозреватель их делает ненулевыми, причём размер
полей выставляется на вкус обозревателя. Возмутительная вольность.
Раздел более универсален с точки зрения содержимого. Если мы работаем с нетекстовыми объектами
(например с рисунками), то заключение их в рамки абзаца выглядит нелогичным. Причём тут абзац, ежели в нём нет ни единой
буквы текста?
Если для абзаца мы хотим сделать верхнее или нижнее поля нулевыми (а это применяется часто), то мы всёравно
вынуждены давать HTML-процессору явные инструкции „margin-top:0” и „margin-bottom:0”. А лишние
инструкции могут чуть замедлить обработку страницы.
Происходит при открытии HTML-файла, в котором внутри тега „head” задан мета-тег:
„<meta http-equiv="refresh" content="1; url=https://pavelkalinin.narod.ru/index.htm" />”.
В строке „… content="1; url=…” единица задаёт интервал
времени в секундах, через который переадресация начнёт выполняться. До этого момента будет
показываться исходная страница — страница с мета-тегом переадресации. „0” — также штатное значение: переход на заданную страницу начнётся немедленно, и исходная страница, видимо,
даже не мелькнёт на экране.
Версия HTML
Страницы следует делать отвечающими как минимум стандарту „XHTML 1.0 Transitional”.
Минимизация размера страницы
Кодировка
Размер страницы должен быть по возможности мал. Поэтому для страниц, предназначенных только для
русскоязычных лиц, целесообразно использовать кодировку ANSI „Windows‑1251”
(1 байт на кириллический символ). Не следует использовать кодировку псевдоуникода „UTF‑8” (2 байта на кириллический символ), и тем более кодировку полноценного уникода
„UTF‑16” (4 байта на символ). [Устарело]
Однако неприятно, если для нерусскоязычных пользователей твой сайт показывает абракадабру. Поэтому
ладно, уговорили — на всех страницах сайта буду пользовать кодировку „UTF-8”. Тем более, что она вызвана к
жизни именно сайтостроительством. То есть данная кодировка является родной для сайтов и HTML.
Использование мнемокода или самого символа
Тег „Microsoft Office”
„<span style='mso-spacerun:Yes'> </span>”
употреблять не следует. Вместо указанной конструкции лучше использовать несколько составленных
подряд связок из неразрывного пробела и обычного пробела. Причём неразрывный пробел может
кодироваться двояко:
1) „ ” [7 символов]. Здесь неразрывный пробел задаётся мнемокодом HTML.
2) „ ” [2 символа]. Это самая лаконичная запись. Здесь в код страницы непосредственно вводится
символ неразрывного пробела. По крайней мере в кодировке ANSI „Windows” неразрывный пробел имеет код
„160”. С клавиатуры он вводится комбинацией <Alt>+<0160>.
Табуляция
Пока можно использовать тег от „Microsoft Office”:
„<span style='mso-tab-count:1'> </span>”.
Однако часто годится использование равноширинного шрифта с комбинацией символов „ ” (неразрывный пробел + пробел).
„The W3C Markup Validation Service” (Служба ратификации разметки W3C)
[Проверка разметки (HTML, XHTML, …) вэб-документов]
„Спроси pro”
„JSFiddle”
„HTMLBook.Ru”