Хтмл неразрывный пробел. Использование пробельных символов для форматирования кода HTML, неразрывный пробел и другие спецсимволы (мнемоники)
Даже если не нажимать Enter. Но это не всегда удобно. К примеру, вы написали своё полное имя. Инициалы могут оказаться в конце одной строки, а фамилия - в начале другой. Так информация хуже воспринимается. Да и выглядит это некрасиво. Чтобы не подбирать место для каждого слова, разберитесь, как сделать неразрывный пробел в Ворде. С ним фраза не будет разделяться при переносе.
Специальные символы помогают правильно оформить текст на странице
Сочетание клавиш и автозамена
Этот элемент появится, если одновременно нажать Shift + Ctrl + Space bar. Назначить другие кнопки можно так:
- Перейдите в меню Вставить - Символ - Другие.
- Вкладка «Специальные знаки».
- Отыщите пункт «Неразрывный пробел» («Non-breaking space»).
- Кликните на «Сочетание клавиш…»
- Задайте удобные для вас параметры.
Если не хотите каждый раз тянуться пальцами к разным местам на клавиатуре или вспоминать, за что отвечает та или иная кнопка в Ворде, настройте параметры замены.
- Выделите и скопируйте нужный элемент форматирования.
- Откройте всё ту же вкладку «Специальные знаки».
- Кликните на «Автозамена»
- В поле «Заменить» напечатайте то, что должно превращаться в неразрывный пробел при вводе. Это могут быть три коротких тире, два подчёркивания или кодовое слово, которое не используется при печати в Word. Задайте те параметры, которые хотите.
- В поле «На» нужно поставить заранее скопированный Non-breaking space. Перед этим отметьте пункт «Обычный текст».
- Нажмите «Добавить».
Как вставить неразрывный пробел в Word - решать вам. Можете выбрать наиболее удобный способ . Это очень легко настраивается.
Специальный пробел
Если вам нужно не только запретить разделение фразы, но и зафиксировать расстояние между буквами, используйте специальный элемент Ворд - Narrow non-break space. С ним слова будут находиться близко друг к другу, даже если задать выравнивание по ширине.
Чтобы поставить его в документ, необходимо сделать следующее:
- Откройте меню символов.
- В выпадающем списке «Набор» выберите «Знаки пунктуации».
- Найдите Narrow non-break. Название выделенного объекта находится над кнопкой «Автозамена».
- Можете настроить сочетание клавиш или вставить напрямую.
Такую функцию можно использовать для указания дат - цифры «2016» не отодвинуться от слова «год».
Как посмотреть, где находятся скрытые символы?
Элементы форматирования нельзя увидеть. Они используются для вёрстки и не должны отображаться в обычном режиме работы с документом. Но чтобы отыскать символ Non-breaking space, не надо перепечатывать весь текст. Можно настроить видимость скрытых символов.
- В верхней части окна выберите пункт «Меню» (в Word 2013 он называется «Главная»).
- Найдите пиктограмму «Отобразить все знаки» на панели «Абзац». Она похожа на букву «П» с чёрным пятном наверху. Эту же функцию можно активировать, одновременно нажав Ctrl+Shift+* (звёздочка).
Пользователи программы "Ворд" могут рано или поздно столкнуться с такой проблемой, как большой разрыв между словами. Эта проблема довольно хорошо изучена и есть множество путей для ее решения. Но в этой статье мы поговорим лишь об одном способе - как сделать неразрывный пробел в "Ворде" 2007. Данная функция очень полезна, особенно если проблема довольно часто вас тревожит.
Неразрывный пробел: горячие клавиши и их назначение
Как говорилось выше, чтобы избавить себя от проблемы, когда при печати текста в "Ворде" вводятся длинные пробелы, нужно пользоваться специальным пробелом. О том, как в "Ворде" сделать мы сейчас и поговорим.
Чтобы не ходить вокруг да около, стоит сразу же сказать, что для ввода такого пробела существует специальная комбинация клавиш - CTRL+SHIFT+ПРОБЕЛ. Можете самостоятельно попробовать ее нажать. Конечно, если проблемы с длинными пробелами у вас не было, то разницу (между обычным и неразрывным пробелами) вы не заметите. Однако можете пользоваться таким способом повсеместно, чтобы уберечь себя от неправильного форматирования документа.
Теперь вы знаете, как сделать неразрывный пробел в "Ворде", однако такую комбинацию не каждый сможет запомнить или же просто ее будет неудобно каждый раз вводить. Для облегчения жизни можно воспользоваться переназначением этих горячих клавиш. Об этом сейчас и поговорим.
Вам нужно попасть в меню "Специальные знаки". Чтобы это сделать, перейдите во вкладку "Вставить", выберите "Символы" и нажмите "Другие". Теперь в окне перейдите в нужную нам вкладку - "Специальные знаки". Теперь в списке отыщите строку "Неразрывный пробел". Нажмите два раза на поле и введите удобную вам комбинацию.
Вот теперь вы знаете не только, как в "Ворде" сделать неразрывный пробел, но и как самостоятельно назначить клавишу на него. Но это еще не все, о чем хотелось бы поговорить.
Установка автозамены
Если вы все равно испытываете дискомфорт при нажатии сочетания заданных клавиш, то есть еще один способ того, как в "Ворде" сделать неразрывный пробел. Он заключается в назначении автозамены. Это очень полезная опция не только для печати неразрывного пробела.
Для начала вам необходимо будет поместить в буфер обмена (простыми словами, скопировать) нужный элемент, в нашем случае - неразрывный пробел. После этого нужно перейти в уже знакомое меню "Специальные знаки". В этом окне нажмите на кнопку "Автозамена", которая располагается снизу.
Теперь перед вами окно автозамены. Вам нужно в поле "Заменить" вписать те символы, которые будут заменяться на неразрывный пробел, а в поле "На" вставить тот самый пробел. Обязательно не забудьте поставить отметку "Обычный текст". После этого нажмите кнопку "Добавить".
Вот вы и узнали, как сделать неразрывный пробел в "Ворде", каким способом пользоваться, решать только вам. Теперь поговорим о специальном пробеле.
Специальный пробел
Принцип того, как в "Ворде" сделать неразрывный пробел, очень похож на создание специального символа. По крайней мере суть практически одна и та же. Используйте специальный символ в том случае, если вы хотите задать определенное расстояние между буквами или словами. Этот символ, кстати, называется Narrow non-break space.
Итак, чтобы установить данный символ, вам нужно открыть таблицу всех символов. Теперь в выпадающем списке "Шрифт" выберите "Обычный текст", а в списке "Набор" - "Знаки пунктуации". Теперь среди всего множества различных символов найдите необходимый - Narrow non-break space. Если что, то его название отображается над кнопкой "Автозамена".
Отыскав символ, нажмите кнопку "Вставить", после этого символ вставится в указанное вами место. Если вы задаетесь вопросом о том, для чего эта функция может пригодиться, то она отлично подходит для вписывания дат. Таким образом, цифры "2017" будут написаны рядом со словом "Год", и отодвинуть их никак не получится.
Просмотр непечатаемых символов
Все, о чем мы говорили в этой статье, касалось непечатаемых знаков. Как можно понять из их названия, в тексте они невидимы. Но есть специальная опция в программе, которая позволяет их отобразить. Это соответствующая кнопка на верхней панели программы. На изображении вы можете увидеть ее расположение и сам значок.
После нажатия этой кнопки в тексте будут отображены все и если вам необходимо с ними взаимодействовать, то только так вы сможете это сделать.
Кстати, в статье приводились примеры для версии "Ворда" 2007 года, однако если вы задаетесь вопросом о том, как сделать неразрывный пробел в "Ворде" 2010 года, то эта инструкция вам также должна подойти.
Инструкция
Если такой пробел надо вставить в веб-страницу, то следует использовать специальный символ («мнемокод») языка HTML. В исходном коде страницы он будет выглядеть как такой набор символов: . Например:Это&nbsр;образец&nbsр;неразрывного&nbsр;текста.Этот фрагмент можно поместить в любое место текста страницы, и везде браузер будет помещать эти слова в одну строку, смещая переход на следующую строку либо на позицию перед этим блоком, либо после него.
Это свойство неразрывного пробела часто используют при веб-страниц не только для «склеивания» слов в , но и в качестве «распорки» в таблицах и других блочных элементах. Например, если в таблице не задана ширина, то в любую ее можно вставить (один или больше), и браузер не «сплющит» эту колонку до нулевой ширины, даже если все колонки будут пусты. Кроме того, с помощью таких пробелов можно без использования языка CSS (Cascading Style Sheets - «Каскадные таблицы стилей») изменять расстояние , вставляя их по два или больше.
Если неразрывный пробел надо поместить в текстовый документ, хранимый в файле с форматом какого-либо из офисных приложений (например, doc или docx), то можно воспользоваться соответствующей опцией текстового редактора Microsoft Word. Например, в версии Word 2007 для этого надо перейти на вкладку «Вставка» и в группе команд «Символы» открыть выпадающий список на кнопке «Символ». Выберите в нем самый нижний пункт - «Другие символы».
Перейдите на вкладку «Специальные знаки» открывшегося окошка и найдите в перечне строку, в которой написано «Неразрывный пробел». Затем нажмите кнопку «Вставить» и закройте окошко. Всю эту процедуру можно заменить нажатием сочетания назначенных ей горячих клавиш CTRL + SHIFT + Пробел.
Источники:
- Неразрывный пробел снова перестал быть растяжимым
Автоформатирование в Microsoft Word не всегда соответствует тому, что вы пытаетесь написать, и время от времени программа редактирует формат текста некорректно. Например, существуют случаи, когда некоторые слова и фразы недопустимо разрывать автоматическим переносом части фразы на другую строку. Среди них – различные даты, инициалы, единицы измерения и многое другое. В этом случае победить автоформатирование, которое переносит часть важного сочетания слов или знаков на другую строчку, можно, установив неразрывный , который не дает разрывать строки и предотвращает ненужные переносы. Как поставить в своем тексте неразрывный пробел?
Инструкция
Откройте в основном меню Microsoft word раздел «Вставка» и выберите вставку символов. В появившемся окне нажмите «Другие » и на вкладке специальных знаков найдите в списке «Неразрывный пробел».
По умолчанию неразрывные являются скрытыми символами, поэтому для того, чтобы увидеть их, найдите на панели меню значок отображения скрытых символов. Также их можно отобразить, открыв раздел «Абзац» и щелкнув на пункт «Отобразить все знаки».
Вы увидите обычные пробелы в виде точек, а только что установленные неразрывные пробелы - в виде маленьких кружочков. Чтобы , снова нажмите на пиктограмму видимости скрытых символов, и все скрытые символы пропадут. В любой момент их видимость можно включать и отключать.
Видео по теме
Текстовые редакторы позволяют пользователям экономить время, набирая слова полностью и не разделяя их при переносе на следующую строку. Читать слово целиком, конечно, удобнее, однако иногда целесообразно использовать перенос нескольких слогов.
Инструкция
Если при наборе текста вы придерживаетесь определенного формата, например, выравнивания по левому краю, вы неизбежно столкнетесь с проблемой переноса слова на , ведь вам важно не оставлять пустого места, не доходящего до . Если это единичный случай, вы можете поставить вручную. Просто нажмите клавишу « » перед концом строчки, при этом соблюдая слоговой принцип деления слов. Помните, что нельзя переносить на другую строку только одну букву слова или же сочетание согласной и мягкого знака. Идеальным для слогоделения является сочетание согласной и гласной буквы, образующих общий слог. Переносить можно несколько слогов сразу, разделяя слово на половину.
Если при наборе текста вам важна исключительно скорость, а проверку вы предпочитаете отдавать компьютеру, воспользуйтесь сервисом «Автоматический перенос» текстового документа MC Word. Задать такую функцию в MC Word 2003 можно с помощью меню «Сервис», находящегося на главной панели инструментов. Нажав на кнопку «Сервис» левой кнопкой мыши, наведите курсор на раздел «Язык». В открывшемся контекстном меню выберите функцию «Расстановка ». Поставьте галочку в графе «Автоматическая » и подтвердите свои действия, нажав кнопку «ОК». Вы можете дополнить настройки автоматических переносов, выбрав ширину зоны переноса слов и максимальное число последовательных переносов. Ввделите необходимые числовые значения в соответствующие поля и нажмите «ОК». Сохраненные изменения будут применяться ко всем последующим документам MC Word.
Чтобы поставить автоматические в MC Word 2007 и выше, нажмите на кнопку «Макет страницы», которая находится на главной панели инструментов открытого документа MC Word. Наведите курсор на графу «Параметры страницы» и поставьте галочку рядом с полем «Расстановка переносов». Выберите вариант «Авто». Сохраните изменения, нажав «ОК».
Настроить автоматический перенос слов можно и в текстовом документе «Блокнот». Для этого в открытом окне программы нажмите на кнопку «Формат» на главной панели инструментов. Поставьте галочку в графе «Перенос по словам.
Вставка а в html необходима для корректного отображения текста на веб-странице в соответствии с задуманными автором эффектами. В зависимости от сложности задачи можно использовать как обычные неразрывные пробелы, так и управлять количеством пробелов с помощью css-свойств.
Вам понадобится
- - html-редактор
Инструкция
Если вам нужно вставить один обычный пробел между словами (получается при нажатии клавиши Space), не нужно выполнять никаких специальных действий - любое количество идущих подряд обычных пробелов в html-коде будет выглядеть на веб-странице как один.
Для сохранения точного количества пробелов между словами замените каждый обычный пробел символами " " (без кавычек) - это код неразрывного пробела в html. Например: «Между каждым словом два пробела ». Неразрывный пробел вставляется между двумя словами и для того, чтобы они не разделялись при переносе на другую строку. Для автоматической расстановки неразрывных пробелов в тексте удобно использовать известный инструмент Артемия Лебедева - «Типограф» (http://www.artlebedev.ru/tools/typograf/).
Еще один способ вставить задуманное количество пробелов в html между словами: заключите нужную часть текста в теги и. Тогда слова будут отображаться моноширинным шрифтом, но все обычные пробелы между словами при отображении на веб-странице сохранятся. Обратите внимание, у тега есть особенности: внутри него не допускается использование некоторых других тегов: и, .
Более сложный метод управления обработкой пробелов: используйте css-свойство white-space со значением pre или pre-wrap (без переноса строк внутри элемента и с переносом строк соответственно). Укажите это свойство в описании стиля страницы или отдельно взятого элемента html-вёрстки. При использовании этого метода шрифт на моноширинный, а количество пробелов между словами сохраняется. Пример: Как вставить пробел в html-код?Или: .free_spaces {white-space: pre-wrap;}… Как вставить пробел в html-код?
Все, кто пытался создавать сайты на HTML сталкивались с такой проблемой. Почти все теги HTML вырезают лишние пробелы. И в этот раз я Вам приведу пример этой "вырезки", а также расскажу, как сделать так, чтобы пробелы не вырезались.
Давайте для начала напишем простой HTML-код :
Некий текст Продолжение...
Если Вы посмотрите на результат, то увидите, что все наши пробелы были вырезаны и остался только один. И так делает почти каждый тег.
Существуют три варианта отображения дополнительных пробелов в HTML . Первый способ - это использование тега <pre >:
Некий текст Продолжение...
В результате, Вы увидите, что пробелы остались, а именно этого мы и добивались.
Но есть и другой способ, который я использую регулярно - сущность "". Данная сущность просто заменяет символ пробела:
Некий текст Продолжение...
В результате, Вы также увидите целую череду пробелов. Для меня данный способ лучше тем, что не нужно использовать лишних тегов. Но это дело вкуса. Где нужен дополнительный пробел в HTML , просто вставляете "" и радуетесь результату.
И, наконец, последний способ - это использование CSS . Для этого Вам достаточно добавить такой стиль:
P {
white-space: pre;
}
Данный способ самый быстрый и простой, однако, я его не использую, так как в моей практике встречается мало случаев, в которых мне приходится добавлять много подряд идущих пробелов. А если они и случаются, то использую сущность " " несколько раз. Вдобавок, свойство white-space поддерживается не всеми браузерами (в частности, IE6 и IE7 не поддерживают), что уже ограничивает область действия данного способа.
В общем, резюмирую:
1) Если у Вас какая-нибудь часть текста содержит много пробелов в разных местах, то используйте тег <pre >.
2) Если у Вас где-нибудь встречается одиночный момент, где нужно несколько пробелов подряд, то используйте сущность " ";
3) Если же у Вас вся страница соткана из кучи подряд идущих пробелов (хотя это бывает крайне редко), то используйте свойство white-space со значением pre .
Если Вы хотите узнать больше по HTML , то посмотрите мой бесплатный курс с примером создания сайта на HTML :
Здравствуйте, уважаемые читатели блога сайт. Чуть ранее мы уже успели поговорить о том, также узнали про оформление в нем . Сегодня у нас на очереди понятие пробела в ХТМЛ, а еще связанное с ним форматирование кода при его написании (для удобства последующего его чтения и восприятия).
Ну и в связи с тем, что мы затронем тему неразрывного пробела и мягкого переноса, нам придется акцентировать наше внимание на так называемых спецсимволах или мнемониках, используемых в языке Html, которые позволят вам добавить в код web документа множество дополнительных символов, вроде уже упомянутого выше. Но обо всем по порядку.
Пробелы и пробельные символы в языке Html
Прежде, чем переходить к вопросу форматирования текста с помощью специально предназначенных для этого тегов (абзаца, заголовков и т.д.) я хочу остановиться на том моменте, как в языке ХТМЛ интерпретируются пробелы, переносы строки (Enter) и табуляция, как осуществляется разбивка текста в окне браузера при изменении его размера.
Правда для такого рода визуального форматирования (которое не будет видно на вебстранице) чаще всего используют не сами пробелы, а именно символы табуляции и переноса строки. Есть такое правило — когда начинаете писать вложенный Html тег, то сделайте отступ с помощью табуляции (клавиша Tab на клавиатуре), а когда этот тег закрываете, то уберите отступ (сочетание клавиш Shift+Tab на клавиатуре).
Делать это нужно так, чтобы открывающий и закрывающий тэги были бы на одном вертикальном уровне (на одинаковом количестве табуляций от правого края страницы вашего Html редактора, например, Notepad++, о котором я писал ). Кроме этого советую непосредственно после написания открывающего элемента сделать несколько переносов строки и сразу же прописать закрывающий на том же уровне (количестве табуляций), чтобы потом не забыть это сделать.
Т.е. открывающий и закрывающий элементы должны стоять на одном уровне по вертикали, а внутренние теги сдвигаем на один знак табуляции и располагаем закрывающие и открывающие опять же на одном уровне.
Для простых веб документов это может показаться излишеством, но при создании более-менее сложных, их код станет гораздо более наглядным и читаемым за счет обилия пробелов, а также в нем будет гораздо проще заметить ошибки за счет симметричного расположения тегов.
Спецсимволы или мнемоники в Html коде
Так, а теперь давайте поговорим о так называемых специальных символах, удобство использования которых я анонсировал в начале этой статьи. Спецсимволы еще иногда называют мнемоники или подстановки. Они предназначены для того, чтобы решить довольно давно возникшую в языке гипертекстовой разметки проблему, связанную с используемыми кодировками.
Когда вы набираете текст с клавиатуры, то происходит кодирование символов вашего языка по заранее установленному алгоритму, а потом они отображаются на сайте с помощью используемых вами шрифтов (где найти и как установить для сайта) за счет декодирования.
Кодировок существует очень много, но для языка Html по умолчанию была принята расширенная версия кодировок .
В этой кодировке текста было возможно записать всего лишь 256 знаков — 128 от ASCII и еще 128 для букв русского языка. В результате возникла проблема с использованием на сайтах знаки, которые не входят в ASCII и не являются буквами русского языка, входящими в состав кодировки Windows 1251 (CP1251). Ну, вздумалось вам использовать тильду или апостроф, а возможности такой изначально в используемой языком Html кодировке не заложено.
Именно для таких случаев и были придуманы подстановки или же, другими словами, мнемоники. Изначально спецсимволы имели цифровой вид записи , но затем для самых распространенных из них были добавлены их буквенные аналоги для простоты их запоминания.
В общем понимании, мнемоника — это такой знак, который начинается с амперсанда «&» и заканчивается точкой с запятой «;». Именно по этим признакам браузер при разборе Html кода выделяет из него спецсимволы. Сразу за амперсандом в цифровом коде подстановки должен следовать знак решетки «#», который иногда называют хеш. А уже потом следует цифровой код нужного символа в кодировке юникод.
В юникоде можно записать более 60 000 знаков — главное, чтобы нужный вам символ мнемоники поддерживался используемым на вашем сайте шрифтом. Есть шрифты с поддержкой почти всех знаков кодировки юникод, а есть варианты только с определенным набором символов.
Полный список спецсимволов будет просто огромен, но наиболее часто используемые мнемоники вы можете позаимствовать, например, из этой таблицы:
| Cимвол | Html-код | Десятичный код | Описание |
|---|---|---|---|
| неразрывный пробел | |||
| узкий пробел (еn-шириной в букву n) | |||
| широкий пробел (em-шириной в букву m) | |||
| – | - | – | узкое тире (en-тире) |
| - | — | — | широкое тире (em -тире) |
| | - | | мягкий перенос |
| а́ | ́ | ударение, ставится после «ударной» буквы | |
| © | © | копирайт | |
| ® | ® | ® | знак зарегистрированной торговой марки |
| ™ | ™ | ™ | знак торговой марки |
| º | º | º | копье Марса |
| ª | ª | ª | зеркало Венеры |
| ‰ | ‰ | ‰ | промилле |
| π | π | π | пи (используйте Times New Roman) |
| ¦ | ¦ | ¦ | вертикальный пунктир |
| § | § | § | параграф |
| ° | ° | ° | градус |
| µ | µ | µ | знак «микро» |
| ¶ | ¶ | ¶ | знак абзаца |
| … | … | … | многоточие |
| ‾ | ‾ | ‾ | надчеркивание |
| ´ | ´ | ´ | знак ударения |
| № | № | знак номера | |
| 🔍 | 🔍 | Лупа (наклонённая влево) | |
| 🔎 | 🔎 | Лупа (наклонённая вправо) | |
| знаки арифметических и математических операций | |||
| × | × | × | умножить |
| ÷ | ÷ | ÷ | разделить |
| < | < | меньше | |
| > | > | > | больше |
| ± | ± | ± | плюс/минус |
| ¹ | ¹ | ¹ | степень 1 |
| ² | ² | ² | степень 2 |
| ³ | ³ | ³ | степень 3 |
| ¬ | ¬ | ¬ | отрицание |
| ¼ | ¼ | ¼ | одна четвертая |
| ½ | ½ | ½ | одна вторая |
| ¾ | ¾ | ¾ | три четверти |
| ⁄ | ⁄ | ⁄ | дробная черта |
| − | − | − | минус |
| ≤ | ≤ | ≤ | меньше или равно |
| ≥ | ≥ | ≥ | больше или равно |
| ≈ | ≈ | ≈ | приблизительно (почти) равно |
| ≠ | ≠ | ≠ | не равно |
| ≡ | ≡ | ≡ | тождественно |
| √ | √ | √ | квадратный корень (радикал) |
| ∞ | ∞ | ∞ | бесконечность |
| ∑ | ∑ | ∑ | знак суммирования |
| ∏ | ∏ | ∏ | знак произведения |
| ∂ | ∂ | ∂ | частичный дифференциал |
| ∫ | ∫ | ∫ | интеграл |
| ∀ | ∀ | ∀ | для всех (видно только если жирным шрифтом) |
| ∃ | ∃ | ∃ | существует |
| ∅ | ∅ | ∅ | пустое множество |
| Ø | Ø | Ø | диаметр |
| ∈ | ∈ | ∈ | принадлежит |
| ∉ | ∉ | ∉ | не принадлежит |
| ∋ | ∋ | ∗ | содержит |
| ⊂ | ⊂ | ⊂ | является подмножеством |
| ⊃ | ⊃ | ⊃ | является надмножеством |
| ⊄ | ⊄ | ⊄ | не является подмножеством |
| ⊆ | ⊆ | ⊆ | является подмножеством либо равно |
| ⊇ | ⊇ | ⊇ | является надмножеством либо равно |
| ⊕ | ⊕ | ⊕ | плюс в кружке |
| ⊗ | ⊗ | ⊗ | знак умножения в кружке |
| ⊥ | ⊥ | ⊥ | перпендикулярно |
| ∠ | ∠ | ∠ | угол |
| ∧ | ∧ | ∧ | логическое И |
| ∨ | ∨ | ∨ | логическое ИЛИ |
| ∩ | ∩ | ∩ | пересечение |
| ∪ | ∪ | ∪ | объединение |
| знаки валют | |||
| ₽ | ₽ | Рубль. Знак рубля должен использоваться с отбивкой от числа. Стандарт Юникод 7.0. Если Вы не видите изображение, обновите свои Unicode-шрифты. | |
| € | € | € | Евро |
| ¢ | ¢ | ¢ | Цент |
| £ | £ | £ | Фунт |
| ¤ | ¤ | ¤ | Знак валюты |
| ¥ | ¥ | ¥ | Знак йены и юаня |
| ƒ | ƒ | ƒ | Знак флорина |
| маркеры | |||
| . | простой маркер | ||
| ○ | ○ | круг | |
| · | · | · | средняя точка |
| † | † | крестик | |
| ‡ | ‡ | двойной крестик | |
| ♠ | ♠ | ♠ | пики |
| ♣ | ♣ | ♣ | трефы |
| червы | |||
| ♦ | ♦ | ♦ | бубны |
| ◊ | ◊ | ◊ | ромб |
| ✏ | ✏ | карандаш | |
| ✎ | ✎ | карандаш | |
| ✐ | ✐ | карандаш | |
| ✍ | ✍ | рука | |
| кавычки | |||
| " | " | " | двойная кавычка |
| & | & | & | амперсанд |
| « | « | « | левая типографская кавычка (кавычка-елочка) |
| » | » | » | правая типографская кавычка (кавычка-елочка) |
| ‹ | ‹ | одиночная угловая кавычка открывающая | |
| › | › | одиночная угловая кавычка закрывающая | |
| ′ | ′ | ′ | штрих (минуты, футы) |
| ″ | ″ | ″ | двойной штрих (секунды, дюймы) |
| ‘ | ‘ | ‘ | левая верхняя одиночная кавычка |
| ’ | ’ | ’ | правая верхняя одиночная кавычка |
| ‚ | ‚ | ‚ | правая нижняя одиночная кавычка |
| “ | “ | “ | кавычка-лапка левая |
| ” | ” | ” | кавычка-лапка правая верхняя |
| „ | „ | „ | кавычка-лапка правая нижняя |
| ❛ | ❛ | одиночная английская кавычка открывающая | |
| ❜ | ❜ | одиночная английская кавычка закрывающая | |
| ❝ | ❝ | двойная английская кавычка открывающая | |
| ❞ | ❞ | двойная английская кавычка закрывающая | |
| стрелки | |||
| ← | ← | ← | стрелка влево |
| стрелка вверх | |||
| → | → | → | стрелка вправо |
| ↓ | ↓ | ↓ | стрелка вниз |
| ↔ | ↔ | ↔ | стрелка влево и вправо |
| ↕ | ↕ | стрелка вверх и вниз | |
| ↵ | ↵ | ↵ | возврат каретки |
| ⇐ | ⇐ | ⇐ | двойная стрелка влево |
| ⇑ | ⇑ | ⇑ | двойная стрелка вверх |
| ⇒ | ⇒ | ⇒ | двойная стрелка вправо |
| ⇓ | ⇓ | ⇓ | двойная стрелка вниз |
| ⇔ | ⇔ | ⇔ | двойная стрелка влево и вправо |
| ⇕ | ⇕ | двойная стрелка вверх и вниз | |
| ▲ | ▲ | треугольная стрелка вверх | |
| ▼ | ▼ | треугольная стрелка вниз | |
| треугольная стрелка вправо | |||
| ◄ | ◄ | треугольная стрелка влево | |
| звездочки, снежинки | |||
| ☃ | ☃ | Снеговик | |
| ❄ | ❄ | Снежинка | |
| ❅ | ❅ | Зажатая трилистниками снежинка | |
| ❆ | ❆ | Жирная остроугольная снежинка | |
| ★ | ★ | Закрашенная звезда | |
| ☆ | ☆ | Незакрашенная звезда | |
| ✪ | ✪ | Незакрашенная звезда в закрашенном круге | |
| ✫ | ✫ | Закрашенная звезда с незакрашенным кругом внутри | |
| ✯ | ✯ | Вращающаяся звезда | |
| ⚝ | ⚝ | Начерченная белая звезда | |
| ⚪ | ⚪ | Средний незакрашенный круг | |
| ⚫ | ⚫ | Средний закрашенный круг | |
| ⚹ | ⚹ | Секстиле (типа снежинка) | |
| ✵ | ✵ | Восьмиконечная вращающаяся звезда | |
| ❉ | ❉ | Звёздочка с шарообразными окончаниями | |
| ❋ | ❋ | Жирная восьмиконечная каплеобразная звёздочка-пропеллер | |
| ✺ | ✺ | Шестнадцатиконечная звёздочка | |
| ✹ | ✹ | Двенадцатиконечная закрашенная звезда | |
| ✸ | ✸ | Жирная восьмиконечная прямолинейная закрашенная звезда | |
| ✶ | ✶ | Шестиконечная закрашенная звезда | |
| ✷ | ✷ | Восьмиконечная прямолинейная закрашенная звезда | |
| ✴ | ✴ | Восьмиконечная закрашенная звезда | |
| ✳ | ✳ | Восьмиконечная звёздочка | |
| ✲ | ✲ | Звёздочка с незакрашенным центром | |
| ✱ | ✱ | Жирная звёздочка | |
| ✧ | ✧ | Заострённая четырёхконечная незакрашенная звезда | |
| ✦ | ✦ | Заострённая четырёхконечная закрашенная звезда | |
| ⍟ | ⍟ | Звезда в круге | |
| ⊛ | ⊛ | Снежинка в круге | |
| часы, время | |||
| ⏰ | ⏰ | Часы | |
| ⌚ | ⌚ | Часы | |
| ⌛ | ⌛ | Песочные часы | |
| ⏳ | ⏳ | Песочные часы | |
Существует довольно интересный способ получения кода Html мнемоник для необходимого вам знака. Для этого достаточно будет открыть редактор Microsoft Word, создать новый документ и выбрать из верхнего меню «Вставка» — «Символ» (я пользуюсь 2003 версией, поэтому не знаю как сделать аналогичную операцию в более поздних версиях).
В открывшемся окне вам нужно выбрать шрифт, например, Times New Roman (или любой другой, который заведомо будет присутствовать на большинстве компьютеров посетителей вашего сайта — Courier или Arial, к примеру).
Добавьте из открывшегося списка в свой документ Word все нужные вам спецсимволы и сохраните данный вордовский документ как веб страницу (выбирается из выпадающего списка «.html» при сохранении). Ну, а затем вам лишь останется открыть эту веб страницу в любом Html редакторе (все тот же Notepad++ подойдет) и вы увидите все цифровые коды нужных вам мнемоник:
Способ немного сложноватый, но если приспичит использовать на странице своего сайта какой-нибудь редкий спецсимвол, то это будет проще, чем отыскивать в сети интернет таблицы, подобные приведенной чуть выше. Полученный код спецсимвола вам нужно будет вставить в нужное место и вместо него на веб странице браузер отобразит нужный вам знак (например, неразрывный пробел).
Неразрывный пробел и мягкий перенос в примерах
Как я уже упоминал выше и как вы можете видеть из приведенной чуть выше таблицы спецсимволов, некоторые мнемоники в Html получили кроме цифрового еще и символьное обозначение для их более простого запоминания. Т.е. вместо знака решетки «#» (хеша) в символьных вариантах используются слова. Например, все тот же неразрывный пробел может быть записан либо как (цифровая мнемоника), либо как (символьная).
При написании статей, если вам потребуется вставить в текст документа знак амперсанда (&) или открывающей угловой скобки (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.
Т.е., если вы пишите статью, в которой вам нужно будет в текст вставить, например, отображение тега < body> или же вам просто нужно вставить знак меньше (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
Поэтому вам нужно будет вставить для решения подобной задачи следующую конструкцию:
Тоже самое касается и отображения кода самих мнемоник, ибо они начинаются с амперсанда. Вам нужно будет вставить в текст код с заменой знака амперсанда на его подстановку (спецсимвол):
Это нужно будет сделать, чтобы получить на странице <, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
Также вы скорее всего будет использовать неразрывный пробел, который на веб странице будет выглядеть как обычный пробел, но при этом браузер не будет воспринимать его как пробельный символ вообще и не будет осуществлять по нему перенос (например, это будет уместно для таких словосочетаний, как 1400 гБ и т.п., которые не желательно будет разносить переносом по разным строкам):
1400 гБ.
Иногда может возникнуть обратная ситуация, когда в тексте присутствуют очень длинные слова и хочется сделать так, чтобы при возникновении необходимости браузер мог бы разбивать это слова переносом . Для таких целей предусмотрен спецсимвол «мягкий перенос» -
Длинноепредлинноеслово;
При возникновении необходимости перехода на другую строку, браузер вместо мнемоники мягкого переноса поставит дефис и отправит оставшуюся часть слова на следующую строку. Если места для размещения всего этого слова на одной строке будет достаточно, то никакого перевода строки браузер рисовать не будет. Вот так вот все просто.
Удачи вам! До скорых встреч на страницах блога сайт
посмотреть еще ролики можно перейдя на");">
Вам может быть интересно
MailTo - что это и как в Html создать ссылку для отправки Емейла
Теги и атрибуты заголовков H1-H6, горизонтальной линии Hr, переноса строки Br и абзаца P по стандарту Html 4.01
Как вставить в HTML ссылку и картинку (фото) - теги IMG и A