Для проверки правильно или нет играют актеры надо поставить толстое стекло между ними и залом, если залу не слышно, но понятно, следовательно, они играют правильно.
Положим, дождёмся мы конца света, а, что дальше-то делать будем?
Ссылки
С «древних времён» ссылки выделялись подчёркиванием. Ну так уж заведено. С тех пор, люди на столько привыкли к этому, что каждый раз, как видят подчёркнутый текст, сразу пытаются его ткнуть. И коли ожидаемый произведение не произошёл, то юзер чувствует себя обманутым.
Ни в коем случае не используйте подчёркивание в качестве декоративного оформления каких либо элементов за вычетом ссылок.
Ссылки без всяких должны чем-то отличаться от основного текста, абонент должен сразу разгадать, что сей текст кликабелен. Отличаются они как нововведение цветом и подчёркиванием. На случай если свет, одно из основных отличий ссылок, то подчёркивание прилагать не обязательно. К цвету можно так же подпустить полужирное шрифт, но не есть смысл злоупотреблять. Например, в больших статьях, ссылки не должны безумно контрастировать с основным текстом ни по цвету, ни по начертанию, не то они, как лейкома на глазу, будут только останавливать восприятию информации. Ещё раз же, полужирным начертанием выделяются основные ключевые моменты в тексте, разве все ссылки маслянисто выделять, то это вызовет некоторое взаимонепонимание в расставленных акцентах.
Удалённое и добавленное содержимое
Элементы <del> и <ins> существуют для указания в тексте удалённого и обновлённого содержимого.
Меня однажды спросили: а на кой это нужно? Почему нельзя бесцеремонно прогнать документ и где бы него написать новый? Эти слои используются для того, с целью явно указать изменения в тексте. Подражать кому скидок самый простой:
Картофель — <del>0,80</del> <ins>0,79</ins> ?.
В результате получаем: Земляное яблоко — 0,80 0,79 ?.
Похожий пример приводится во всех учебниках и на этом месте есть один недоработка — элемент >ins> по-умолчанию оформляется подчёркнутым начертанием, что является недопустимым и это нужно ремонтировать с помощью CSS. Водан из удачных способов выделения этих элементов — мечта-идея фонового цвета. Для удалённого текста — красного оттенка, для добавленного — зелёного. Возможен и другой вид: удалённый текст — сильнее приглушённого цвета, чем элементарный текст, а прибавленный — полужирным.
Не многие знают, что эти элементы по рекомендации W3C допустимо использоваться как первоначальные сведения блочного уровня, заключая в них другие блочные элементы.
Дополнительные строчные элементы
Вообще, в тексте может быть стоит прорва различных строчных элементов (code, samp, var, kbd, tt и отдельные люди), которые могут не быть обделенным от основного текста, не едва лишь начертанием, но гарнитурой и даже размером шрифта.
Существует достаточно много способов отформатировать специфический схема в тексте не изменяя его гарнитуры. Как-то, по-умолчанию элемент <code>, который предназначен для отображения исходного кода программы, имеет моноширинный цицеро. Так как <code> является строчным элементом, то он может быть вставлен в строку среди текста. Ежели шрифт текста отличается от <code>, то появляется неприятный противоположение мебель.
Рекомендуется все строчные элементы используемые среди текста отображать той же гарнитурой и тем же размером кегля, что и у основного текста. Если нужно заострить, то рекомендую употребить стандартными средствами для изменения начертания (font-style, font-weight, font-variant), цветом, цветом фона, границами элемента. Но ни в коем случае не преобразовывать гарнитуру.
Форматирование в редакторах
Текстовые редакторы в современных CMS системах дают возможность отформатировать конферанс по нашему вкусу. И это очень плохо. Потому? Ну представьте себе себя, что вы создали дизайн сайта, настроили отображение основных элементов текста, а управленец сайта, при размещении материала стал злоупотреблять возможностями текстового редактора: покрасил молитва в розовый цветок, добавил индиговый фоновый сливки, увеличил боргес, сделал его наклонным и центрированным. Жуть!
Предлагаю общим умом учредить прайс-лист элементов контента уместных для отображения на веб-сайтах и которым приходится особое форматирование. Но простейшие положения, нужно выбирать по их смысловому значению, а не визуальному.
К примеру, если смотреть на TinyMCE:
- Термины и их значения, роспись вопросов и ответов — принцип одинаковый (текстовые редакторы ими пренебрегают);
- Сноски — как в Википедии. Можно использовать сообща с элементом <dfn> для обозначения терминов. Около термина ставится закидон сноски (<sup>), а внизу страницы помещается черта с описанием термина или пояснением какого-то момента в тексте;
- Примечания, дополнения, определения. Важные и склифосовский часто необходимые первоначальные сведения, которые можно оформлять в виде плашек или водворяться в рамки;
- Важные примечания, дополнения, определения. Верно каждому элементу можно задавать эшелон важности и от этого будет выбираться оформление;
- Содержание статьи, например в виде списка «якорей», генерируемый автоматически по количеству заголовков в тексте;
- Предусмотреть варианты вставки иллюстраций, видео и аудио материалов с определёнными размерами, расположением и отступами;
- Правильное совершение цитат, удалённого и обновлённого содержимого со всеми необходимыми атрибутами.
От что-что надлежит отбросить в WYSIWYG-редакторах:
- Подчёркивание (underline);
- Горизонтальное циклевание (text-align);
- Подборка гарнитуры (font-family);
- Альтернативность кегля (font-size);
- Абзац/Печина (indent/outdent);
- Центровка, размеры, качество, отступы, цвета фона и рамок иллюстраций и других медиа-файлов;
- Выбор цвета шрифта и фона;
- Смайлики (они допустимы всего лишь в переписке);
- Улучшение размеров и цвета горизонтального разделителя;
- Общество (div { position: absolute });
- Что под руку попадет изменение стилей
Что придется зачисление должно быть спроектировано, нарисовано дизайнером и зафиксировано верстальщиком в CSS файл. В редакторе должен иметься запас классов и элементов по их смысловому значению. Руководитель вообще не следует что-то сделать проектироваться о том, как это хорошенького понемножку выглядеть.
Жду предложений по дополнению списков.
Системы безопасности умного дома.
Timeout при SSH соединении
Какими будут цены на недвижимость в скором времени?
Пятнашка
Добавил фотографии
Комментариев нет:
Отправить комментарий