forked from kaspar-naaber/sample-content
-
Notifications
You must be signed in to change notification settings - Fork 0
/
text_cyrillic.html
256 lines (219 loc) · 23.4 KB
/
text_cyrillic.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<h1>Хорошее содержание образец</h1>
<p>Веб-контент может сделать или не сломать сайт - независимо от того, насколько хорошо дизайн. Большинство дизайнеров знаю это из первых рук опыт.</p>
<p>Так что не удивительно, когда WDD посетителей, которые читают <a href="http://www.neti.ee">Как определить и избежать веб копию, которая убивает сайты</a> востребованные последующий демонстрации хороший веб-контент.</p>
<p>Если вы или ваши клиенты написать контент для ваших сайтов, или вы с партнером содержание писателей (ака веб писателей, копирайтеров, SEO копирайтеров и т.д.), содержание должно привлечь посетителей, привлекать их, и в конечном счете побудить их взять необходимые действия. Только тогда вы действительно достичь выигрышной сайт.</p>
<p>Вот хорошие примеры веб-контента, и что заставляет их работать.</p>
<h2>Давайте проверим некоторые смелые и сильные текст</h2>
<p>Люди в <a href="http://www.neti.ee">MailChimp</a> получить вплоть до <b>'обезьяньим бизнесом'</b>с четким объяснением того, что они предлагают : <strong>Easy подписаться на рассылку новостей</strong>. Нет "Лучший в своем классе технологии автоматизированная система распределения информации" мусор здесь.</p>
<h2>Почему <b>не</b>мы стараемся их в <strong>заголовок</strong>Aswell?</h2>
<p>Каждая компания имеет свои собственные потребности, на основе которых мы разрабатываем пакет услуг сделанный на заказ. Наша сила хорошо обученный и опытный персонал, который является ключевым для поддержания международных отношений с клиентами. Мы предлагаем нашим клиентам профессиональный и персональный сервис во всех бухгалтерских связанных вопросов.</p>
<p>Тарантино подал авторских иск против СМИ Зеваки для распространения копий 146-страничного сценария, утверждая Defamer блог компании пошли "слишком далеко", связывая анонимного хозяина, где поклонники могли читать его в полном объеме.</p>
<h2>Это как <i>наклонный</i>и <em>подчеркнул</em>текст выглядит как</h2>
<p>Когда посетители приходят на сайт, они <i>хочу знать</i>если они в нужном месте. 37 Сигналы помогает людям определить, что сразу отметить, кто может извлечь выгоду из своих решений (дизайнеров, консультантов, производителей и т.д.). И они Красиво сегмента их предложения и предоставить описательные дразнилки для каждого инструмента, установка ожидания относительно того, что ожидать за каждую ссылку.</p>
<p>Например, когда вы <em>мышь</em>по <a href="http://www.neti.ee">Basecamp</a> кнопку, текст гласит: Вы все еще управлении проектами с электронной почтой? Вы все еще используете Excel для ваших списков? Пора перейти на Basecamp. Управление проектами и совместной работы с вашей командой и клиентами современный способ. Они демонстрируют, что они понимают вас и вашу боль, и предложить лучший способ работать.</p>
<h3>Добавлены изображения могут быть больше, чем в области содержимого</h3>
<p>Если исходное изображение шире, чем область содержимого оно должно быть уменьшено до максимальной ширины контейнера.</p>
<img alt="Там должно быть случайных изображений здесь" src="http://placeimg.com/1000/500/any">
<p>Вы можете изменить ширину и высоту этого случайным образом путем изменения valuses в URL.</p>
<p>С другой стороны изображение может быть меньше, чем площади контакта. В этом случае изображение не должно масштабировать себя перед Содержание области сжимается до точки, где это уже, чем исходное изображение.</p>
<img alt="Там должно быть случайных изображений здесь" src="http://placeimg.com/480/320/any">
<p>Вы можете изменить ширину и высоту этого случайным образом путем изменения valuses в URL.</p>
<h3>Другие рубрики</h3>
<p>Мы должны укладывать заголовки 4-6 как хорошо, даже если они не могут быть добавлены из пользовательского интерфейса. Некоторые редакторы могут скопировать их от других файлов или включить их с помощью редактора исходного кода.</p>
<p>Вот некоторые примеры заголовков:</p>
<h4>Определение и использование</h4>
<p><статья> тег определяет независимое, автономное содержание.</p>
<p>Статья должна иметь смысл сам по себе, и это должно быть возможным распространить его независимо от остальной части сайта.</p>
<h5>неупорядоченный список Следующие</h5>
<p>Потенциальные источники для <статьи <элемент:</p>
<ul>
<li>Форум сообщение</li>
<li>Сообщение в блоге</li>
<li>Новости история</li>
<li>Общие вещи</li>
</ul>
<h5>А вот и упорядоченный список</h5>
<ol>
<li>обезьяна</li>
<li>Обезьяна</li>
<li>Горилла</li>
</ol>
<h5>Не забывайте список описание</h5>
<dl>
<dt>Кофе</dt>
<dd>- черный горячий напиток</dd>
<dt>Молоко</dt>
<dd>- белый холодный напиток</dd>
</dl>
<h6>Текст может быть что-то еще, чем абзаца</h6>
Для <a href="http://www.neti.ee">например</a> этого текста оборачивается внутри <промежуток> элемент.
В то время как <a href="http://www.neti.ee">это</a> один не завернутый вообще.
Редакторы может нарушить линию <br>
от случайном месте в тексте.
Они могут также <a href="http://www.neti.ee">обертку</a> текста внутри <дел и GT; элемент как этот текст прямо здесь.
<h2>Не забывайте таблицы</h2>
<table>
<tbody>
<tr>
<td>Ingedient</td>
<td>Сумма</td>
<td>Жир</td>
<td>Калории</td>
<td>Рейтинг</td>
<td>Потребители</td>
<td>Доступные</td>
</tr>
<tr>
<td>Паста</td>
<td>200</td>
<td>1,6 г</td>
<td>390</td>
<td>5.6</td>
<td>3</td>
<td>Да</td>
</tr>
<tr>
<td>Свежие помидоры</td>
<td>2</td>
<td>0 г</td>
<td>152</td>
<td>152</td>
<td>152</td>
<td>Да</td>
</tr>
<tr>
<td>Козий сыр</td>
<td>1 чашка</td>
<td>14,9 г</td>
<td>414</td>
<td>10</td>
<td>100</td>
<td>Нет</td>
</tr>
<tr>
<td>Качки крем</td>
<td>200мл</td>
<td>71 г</td>
<td>842</td>
<td>99.4</td>
<td>50</td>
<td>Unknown</td>
</tr>
</tbody>
</table>
<h3>Меньше стол</h3>
<table>
<tbody>
<tr>
<td>понедельник</td>
<td>вторник</td>
<td>среды</td>
</tr>
<tr>
<td>четверг</td>
<td>Пятница инструменты</td>
<td>суббота</td>
</tr>
</tbody>
</table>
<h2>карты Google</h2>
<iframe src="http://maps.google.com/maps?f=q&hl=en&[email protected],2.3522219&ie=UTF8&ll=48.856614,2.3522219&z=12&iwloc=A&output=embed" width="100%" height="300" frameborder="0"></iframe>
<h2>"Странные" символов</h2>
<p>Что произойдет, если человек хочет написать в некоторых "странных" языке, который использует необычные символы? Например, в русском языке на латышском языке. Эти символы должны быть включены в заказ WebFont Aswell.</p>
<h3>Русский</h3>
<p>Все люди рождаются свободными и равными в своем достоинстве и правах. Они наделены разумом и совестью и должны поступать в отношении друг друга в духе братства.</p>
<h3>Латвийская</h3>
<p>Visi cilvēki piedzimst brīvi ООН vienlīdzīgi Sava pašcieņā ООН tiesības. Vini ИК apveltīti ар saprātu ООН sirdsapziņu, ООН viņiem jāizturas citam прет CITU brālības garā.</p>
<h2>Примеры кода</h2>
<p>Некоторые люди, возможно, захотите, чтобы показать пример кода в своих статьях. Есть два способа вставки примеры кода.</p>
<h3>Предварительно отформатированный текст</h3>
<p>Один mehtod использует <предварительно> тег.</p>
<pre>$(доцумент).реады(фунцтион() {<br> $(ьаь).цлицк(фунцтион(евент) {<br> алерт(ьАс ыоу цан сее, тхе линк но лонгер тоок ыоу то йqуеры.цомь);<br> евент.превентДефаулт();<br> });<br>});</pre>
<h3>Код элемент</h3>
<p>Код можно также завернутые внутрь <код> элемент</p>
<pre>
<code>$(document).ready(function() {<br> $('#cool-element').click(function(event) {<br> console.log('The coolest element ever');<br> });<br>});</code>
</pre>
<p>Код может быть также баннер с текстом. <code>Этот блок здесь</code>, например.</p>
<h2>вложения видео</h2>
<p>Теперь мы собираемся попробовать различные методы, чтобы встроить видео.</p>
<h3>Youtube</h3>
<h4>Использование E3 UI</h4>
<p>Это выход из видео, которое добавляется с помощью E3 UI (область содержание текста)</p>
<div class="edy-texteditor-container embed-container draggable-container" unselectable="on" style="max-width: 100%; overflow: hidden; position: relative;">
<div class="edy-padding-resizer-wrapper" style="padding-bottom: 82.11764705882354%;">
<iframe src="http://www.youtube.com/embed/aLihWxLjLGo?wmode=transparent&jqoemcache=PHT0X" allowfullscreen="true" allowscriptaccess="always" scrolling="no" frameborder="0" style="position: absolute; display: block; width: 100%; height: 100%;"></iframe>
</div>
</div>
<p>Это выход из видео, которое добавляется с помощью E3 UI (область содержание фильма)</p>
<iframe src="http://www.youtube.com/embed/aLihWxLjLGo?wmode=transparent&jqoemcache=aKeps" width="425" height="349" allowfullscreen="true" allowscriptaccess="always" scrolling="no" frameborder="0" style="width: 924px; height: 758.697247706422px;"></iframe>
<h4>Copy / Paste Вставить Ссылка с Youtube</h4>
<iframe width="560" height="315" src="//www.youtube.com/embed/aLihWxLjLGo" frameborder="0" allowfullscreen></iframe>
<h3>Вимео</h3>
<h4>Использование E3 UI (область содержание текста)</h4>
<div class="edy-texteditor-container embed-container draggable-container" unselectable="on" style="max-width: 100%; overflow: hidden; position: relative;"><div class="edy-padding-resizer-wrapper" style="padding-bottom: 56.25%;"><iframe src="//player.vimeo.com/video/76843270" frameborder="0" title="Miami Fixed Gear Sample Video" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; display: block; width: 100%; height: 100%;"></iframe></div></div>
<h4>Использование E3 UI (область содержание фильма)</h4>
<iframe src="//player.vimeo.com/video/76843270" width="1280" height="720" frameborder="0" title="Miami Fixed Gear Sample Video" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="width: 924px; height: 720px;"></iframe>
<h4>Copy / Paste Вставить Ссылка с Vimeo</h4>
<iframe src="//player.vimeo.com/video/76843270" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/76843270">Miami Fixed Gear Sample Video</a> from <a href="http://vimeo.com/rigodiscuafilms">Rigo Discua</a> on <a href="https://vimeo.com">Vimeo</a> .</p>
<h1>Некоторые <b>люди</b> может использовать <strong>Основной</strong> заголовок снова</h1>
<h2><i>Курсив</i>, <em>наклонный</em>, <b>жирный</b> или <strong>сильный</strong></h2>
<p>Текст может быть <i>наклонный</i>, <em>подчеркнул</em>, <b>жирный</b>или <strong>сильный</strong>.</p>
<p>В некоторых casese они могут быть <b><i>жирным курсивом</i></b>или <strong><em>сильная и подчеркнул</em></strong>в то же время.</p>
<p>Чуть не забыл <u>подчеркнутый текст</u>. Часть текста может также containt верхний индекс или индекс.</p>
<p>Если вы достаточно ума вы также можете использовать странные элементы, такие как мгновение или знака.</p>
<h2>Это как <u>подчеркнул</u>слово будет выглядеть в рубрике</h2>
<h1>Давайте проверим, что произойдет, если заголовок связан (этот не)</h1>
<h1><a href="http://www.neti.ee">Связанные рубрики 1</a></h1>
<h2><a href="http://www.neti.ee">Связанные рубрики 2</a></h2>
<h3><a href="http://www.neti.ee">Связанные рубрики 3</a></h3>
<h4><a href="http://www.neti.ee">Связанные рубрики 4</a></h4>
<h5><a href="http://www.neti.ee">Связанные рубрики 5</a></h5>
<h6><a href="http://www.neti.ee">Связанные рубрики 6</a></h6>
<h1>Давайте попробуем некоторые крайние случаи:</h1>
<h1>Это заголовок 1 с <b>жирным</b>слово</h1>
<h2>Это заголовок 2 с <b>жирным</b>слово</h2>
<h3>Это заголовок 3 с <b>жирным</b>слово</h3>
<h4>Это заголовок 4 с <b>жирным</b>слово</h4>
<h5>Это заголовок 5 с <b>жирным</b>слово</h5>
<h6>Это заголовок 6 с <b>жирным</b>слово</h6>
<h1>Это заголовок 1 с <strong>сильной</strong>слово</h1>
<h2>Это заголовок 2 с <strong>сильной</strong>слово</h2>
<h3>Это заголовок 3 с <strong>сильной</strong>слово</h3>
<h4>Это заголовок 4 с <strong>сильной</strong>слово</h4>
<h5>Это заголовок 5 с <strong>сильной</strong>слово</h5>
<h6>Это заголовок 6 с <strong>сильной</strong>слово</h6>
<h1>Это заголовок 1 с слова <i>курсивом</i></h1>
<h2>Это заголовок 2 с слова <i>курсивом</i></h2>
<h3>Это заголовок 3 с слова <i>курсивом</i></h3>
<h4>Это заголовок 4 с слова <i>курсивом</i></h4>
<h5>Это заголовок 5 с слова <i>курсивом</i></h5>
<h6>Это заголовок 6 с слова <i>курсивом</i></h6>
<h1>Это заголовок 1 с <em>подчеркнул</em>слово</h1>
<h2>Это заголовок 2 с <em>подчеркнул</em>слово</h2>
<h3>Это заголовок 3 с <em>подчеркнул</em>слово</h3>
<h4>Это заголовок 4 с <em>подчеркнул</em>слово</h4>
<h5>Это заголовок 5 с <em>подчеркнул</em>слово</h5>
<h6>Это заголовок 6 с <em>подчеркнул</em>слово</h6>
<h1>Это заголовок 1 с <u>подчеркнул</u>слово</h1>
<h2>Это заголовок 2 с <u>подчеркнул</u>слово</h2>
<h3>Это заголовок 3 с <u>подчеркнул</u>слово</h3>
<h4>Это заголовок 4 с <u>подчеркнул</u>слово</h4>
<h5>Это заголовок 5 с <u>подчеркнул</u>слово</h5>
<h6>Это заголовок 6 с <u>подчеркнул</u>слово</h6>
<h1>Это просто очень долго главе 1, который имеет нормальные слова, но все еще является долго, и это продолжается и продолжается и дальше и дальше. Похоже, это никогда не кончится</h1>
<h2>Это просто очень долго заголовок 2, который имеет нормальные слова, но все еще является долго, и это продолжается и продолжается и дальше и дальше. Похоже, это никогда не кончится</h2>
<h3>Это просто очень долго заголовок 3, который имеет нормальные слова, но все еще является долго, и это продолжается и продолжается и дальше и дальше. Похоже, это никогда не кончится</h3>
<h4>Это просто очень долго заголовок 4, который имеет нормальные слова, но все еще является долго, и это продолжается и продолжается и дальше и дальше. Похоже, это никогда не кончится</h4>
<h5>Это просто очень долго отправиться 5, который имеет нормальные слова, но все еще является долго, и это продолжается и продолжается и дальше и дальше. Похоже, это никогда не кончится</h5>
<h6>Это просто очень долго движется 6, который имеет нормальные слова, но все еще является долго, и это продолжается и продолжается и дальше и дальше. Похоже, это никогда не кончится</h6>
<h1>В данную товарную позицию 1 имееточеньдлинноеслововнейчтобыпроверитьеслисловобудетоболочку,еслионане вписывается в его контейнере</h1>
<h2>В данную товарную позицию 2 имееточеньдлинноеслововнейчтобыпроверитьеслисловобудетоболочку,еслионане вписывается в его контейнере</h2>
<h3>В данную товарную позицию 3 имееточеньдлинноеслововнейчтобыпроверитьеслисловобудетоболочку,еслионане вписывается в его контейнере</h3>
<h4>В данную товарную позицию 4 имееточеньдлинноеслововнейчтобыпроверитьеслисловобудетоболочку,еслионане вписывается в его контейнере</h4>
<h5>В данную товарную позицию 5 имееточеньдлинноеслововнейчтобыпроверитьеслисловобудетоболочку,еслионане вписывается в его контейнере</h5>
<h6>В данную товарную позицию 6 имееточеньдлинноеслововнейчтобыпроверитьеслисловобудетоболочку,еслионане вписывается в его контейнере</h6>
<p>Есть также некоторые слова, которые могут быть очень долго. Например "ПНЕУМОНОУЛТРАМИЦРОСЦОПИЦСИЛИЦОВОЛЦАНОЦОНИОСИС"</p>
Давайте посмотрим, что произойдет, если мы не обернуть его в <р>: "ПНЕУМОНОУЛТРАМИЦРОСЦОПИЦСИЛИЦОВОЛЦАНОЦОНИОСИС"
Или, если мы используем обрыва строки <br>в "ПНЕУМОНОУЛТРАМИЦРОСЦОПИЦСИЛИЦОВОЛЦАНОЦОНИОСИС" случайном месте.
Как я уже говорил "ПНЕУМОНОУЛТРАМИЦРОСЦОПИЦСИЛИЦОВОЛЦАНОЦОНИОСИС" может быть внутри и <div> , а также.