12
Липень
2011

Блочні та рядкові елементи


Блочний елемент (елемент рівня блоку, block-level element)

Категорія елементів, які можуть знаходитись всередині <body> і задовольняють наступним критеріям:

Модель вмісту - можуть містити текст, рядкові та блочні елементи.

Форматування - за умовчанням блочні елементи, як правило, починаються з нового рядка. Після елементу також додається перенесення рядка.

Напрямок тексту - успадковує значення атрибуту dir.

За замовчуванням блочний елемент займає всю ширину батьківського контейнера.

До блочних елементів відносяться (по специфікації HTML 4.01):

address, blockquote, div, dl, fieldset, form, hr, h1, h2, h3, h4, h5, h6, noscript, ol, p, pre, table, ul.

Теги <del> та <ins> можуть виступати в ролі блочних або рядкових, в залежності від контенту.

Кожен рядковий елемент теж може стати блочним, якщо йому задати властивість display: block; або зробити його плаваючим (float: left / float: right).


Рядковий елемент (елемент рівня тексту, inline element, text level element)

Категорія елементів, які можуть знаходитись всередині тегу <body> тільки будучи вкладеними в блочний елемент та відповідають наступним критеріям:

Модель вмісту - можуть містити тексти та рядкові елементи.

Форматування - за умовчанням йдуть в тексті підряд, без розриву і перенесення рядка.

Напрямок тексту - не успадковують значення атрибута dir.

За замовчуванням ширина рядкового елемента дорівнює ширині його вмісту.

Для рядкових елементів не діють деякі властивості CSS, призначені для блочних елементів (наприклад margin-top, margin-bottom).

До рядкових елементів відносяться (по специфікації HTML 4.01):

текст, a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, script, select, small, span, strong, sub, sup, textarea, tt, var.

Теги del та ins можуть виступати в ролі блочних та рядкових елементів, в залежності від контенту.



Якорі:

<a name="block"></a> - http://blog.mika.biz.ua/view_post.php?idp=152#block

<a name="ryad"></a> - http://blog.mika.biz.ua/view_post.php?idp=152#ryad


Переглядів: 2972    Коментарів: 0    Рейтинг: Рейтинг



12
Липень
2011

Табличка розмірів шрифтів


В закладки!

Pt, Px, Em, %


Переглядів: 956    Коментарів: 1    Рейтинг: Рейтинг



28
Травень
2011

8 прикладів використання модуля mod_rewrite (.htaccess)


1. Переробляємо формат "product.php?id=12" в "product-12.html"

Це звиайне перенаправлення, в якому розширення .php сховано з адресної стрічки браузера та динамічний УРЛ (зі знаком запитання "?") перетворений в статичний адрес.

RewriteEngine on RewriteRule ^product-([0-9]+)\.html$ product.php?id=$1

2. Переробляємо формат "product.php?id=12" в "product/ipod-nano/12.html"

Експерти SEO рекомендують завжди показувати головне ключове слово в УРЛ.

RewriteEngine on RewriteRule ^product/([a-zA-Z0-9_-]+)/([0-9]+)\.html$ product.php?id=$2

3. Перенаправлення адрес без www URL на адреси з www

Якщо Ви введете в браузері yahoo.com, Вас перенаправить на www.yahoo.com. Щоб зробити так же на Вашому сайті - додайте наступний код в .htaccess файлик:

RewriteEngine On RewriteCond %{HTTP_HOST} ^optimaxwebsolutions\.com$ RewriteRule (.*) http://www.optimaxwebsolutions.com/$1 [R=301,L]

4. Забираємо www із УРЛ :)

Частіше можна зустріти сайти, які забирають www з УРЛів

RewriteEngine On RewriteCond %{HTTP_HOST} ^www\.yourdomain\.com$ [NC] RewriteRule ^(.*)$ http://yourdomain.com/$1 [L,R=301]

5. Переробляємо "yoursite.com/user.php?username=xyz" в "yoursite.com/xyz"

В .htaccess пишемо:

RewriteEngine On RewriteRule ^([a-zA-Z0-9_-]+)$ user.php?username=$1 RewriteRule ^([a-zA-Z0-9_-]+)/$ user.php?username=$1

6. Перенаправлення домену на новий піддомен чи папку

Припустимо Ви зробили редизайн сайту. Нова версія знаходиться в папці "new" в корені сайту. Тобто, новий сайт доступний за адресою "test.com/new". Потрібно, щоб при зверненні до "www.test.com" всі файли черпалися з "test.com/new". В цьому нам допоможу файлик .htaccess в корені нашого сайту.

RewriteEngine On RewriteCond %{HTTP_HOST} ^test\.com$ [OR] RewriteCond %{HTTP_HOST} ^www\.test\.com$ RewriteCond %{REQUEST_URI} !^/new/ RewriteRule (.*) /new/$1

7. І знову ж про чистоту URL

В .htaccess пишемо:

RewriteEngine On RewriteEngine On RewriteRule ^user/([a-z0-9]+)/$ /user.php?u=$1 [NC,L] RewriteRule ^analytics/$ /pages/analytics.php [NC,L] RewriteRule ^settings/$ /pages/settings.php [NC,L]

8. Редирект

Якщо Ви перенесли сайт на новий домен, то на старому краще зробити редирект (перенаправлення користувачів зі старої адреси на нову).

RewriteEngine On RewriteEngine On RewriteRule ^(.*)$ http://www.yournewdomain.com/$1 [R=301,L]

Переглядів: 788    Коментарів: 0    Рейтинг: Рейтинг



28
Травень
2011

Захист партнерських посилань за допомогою .htaccess, mod rewrite


Отож, щоб "скупі" користувачі :) не обрізали Ваш партнерський ідентифікатор - ми скористаємось редиректом за допомогою файлика .htaccess.

RewriteEngine On RewriteRule mag.htm http://mag.blueberryc.hop.clickbank.net/?tid=LOGO1 [R=301,L]

Переглядів: 890    Коментарів: 0    Рейтинг: Рейтинг



10
Червень
2010

Як вірно використовувати файл robots.txt для заборони індексування файлів та папок


В цій публікації мова йтиме про закриття доступу пошуковим ботам до тих розділів сайту, які непотрібно індексувати. Найпростіше це зробити за допомогою файлику robots.txt, який слід розмістити в корені серверу.

Переглядів: 775    Коментарів: 0    Рейтинг: Рейтинг



10
Червень
2010

Коли Google відвідає сайт?


Вам цікаво знати, коли Google відвідає Ваш сайт? Якщо так, то наступний скрипт для Вас.

Переглядів: 835    Коментарів: 0    Рейтинг: Рейтинг



10
Червень
2010

5 фокусів із файликом .htaccess


Що ж це за фокуси?
1. Перенаправлення користувачів при оновленні сайту;

Переглядів: 883    Коментарів: 0    Рейтинг: Рейтинг