Веб-нотатки: html,css,javascript,seo...

Основні можливості конфігураційного файлу .htaccess, які варто знати  любому веб-майстру | сео-оптимізатору при налаштуваннях роботи сайту на сервері Апача.

Google дозволяє вказати посилання зі сторінки публікації з  атрибутом rel='author' на профіль автора тексту в Google+, що допоможе закріпити першоджерело і зберегти унікальність контенту. Алсо rel=’author’ дає можливість показатися автору в сніппеті сайта в видачі Гугла (бета-версія в google.com) [пруфлінк]:

Такий показник, як унікальність контенту, являється доволі вагомим чинником трастовості сайту. Сайти з неунікальним контентом, з точки зору пошукових систем, не несуть юзеру ніякої корисної інформації, і в більшості випадків, використовують сайт для автоматичного наповнення контента , продаючи посилання і трафік. Як правило, це сайти з установленим грабером контента чи RSS-стрічки (простуваті грабери виконують простий парсінг контенту, більш «продвинуті» містять більш цікавий функціонал з синонімайзером , граббінгом графіки, можливістю фільтрувати посилання з текста і т. д. ).

Букмарклет (від англ. bookmark — «закладка» и applet) - це javascript-код, який зберігається як закладка в браузері. Працює букмарклет за рахунок використання протоколу <a href="javascript:..."> і виконує javascript-сценарій прямо на сторінці, на якій його запустили.

Атрибут  title і способи його стилізаціі в виді спливаючих підказок (псевдо-атрибут title, tooltip) за допомогою css і javascript (jquery).

site: пошук сторінок з сайту

Використовуючи оператор пошуку site: можна знайти всі сторінки з сайту проіндексовані Google, включаючи сторінки піддоменів сайту.

domain: пошук по доменній зоні.

Використовуючи оператор domain: + домен верхнього рівня (com, org, ru, ua...) можна фільтрувати пошук сайтів в Яндексі по доменній зоні. Наприклад, використовуючи запит domain:biz, можна відшукати всі сторінки в індексі Яндекса з доменної зони biz:

Відео

Новим тегом в HTML5 став тег <video> і майже анологічний йому тег <audio>.

Тег video призначений для вбудування відео в html-код без використання скриптів чи стронніх плагінів (Flash, QuickTime…).

Коротко про нові можливості в HTML5

1. Збільшена кількість семантично значимих тегів (article, aside ,footer ,header…).
2. Тег canvas (можливість створювати графічні елементи за допомогою javascript-а).
3. Тег video, audio (можливість вбудування відео, аудіо без сторонніх плагінів чи вбудованих скриптів).
4. Можливість роботи оффлайн.
5. Геолокація.
6. Збільшена кількість підтримки нових типів елементів для форм.
7. Введено нові динамічні атрибути (contenteditable, draggable).

Для спрацювання срипта при якійсь події назначається функція-обробник події

Обробник події javascript в html-документі можна прив’язати до якогось html-елемента за допомогою атрибута on+”подія”, наприклад: