В основу синтаксису мови html ліг стандарт. Синтаксис HTML5. Визначення кодування символів

Інтернет є всесвітньою мережею, що об'єднує комп'ютерні мережіпо всьому світу на базі єдиних стандартних угод (протоколів) про способи обміну інформацією єдиною системоюадресації.

На сьогодні мережа Інтернет набула безпрецедентного поширення. За оцінками експертів, Інтернет об'єднує понад 100 мільйонів комп'ютерів. Послугами Інтернет користується понад 300 мільйонів людей у ​​170 країнах світу.

З функціональної точки зору Інтернет є:

ü недорогий швидкодіючий засіб спілкування між абонентами по всьому світу;

ü не має аналогів сховище інформації з будь-яких областей знань;

ü нове перспективне середовище для діяльності.

Вплив Інтернет поширюється не тільки на технологічну галузь комп'ютерних комунікацій, він має також соціальну спрямованість і пронизує все суспільство в міру того, як все більшого поширення набувають оперативні засобиздобуття знань, електронної комерції.

Найпоширенішим і найпопулярнішим сьогодні є такий сервіс Інтернет, як WWW (World Wide Web – всесвітня павутина). Інформація в WWW представлена ​​у вигляді так званих гіпертекстових (або, ширше, гіпермедійних) документів, які можуть містити відформатований текст, графіку, аудіо- та відеофрагменти. Основною особливістю гіпертекстових документів є наявність активних зон, чутливих до клацання миші. Активними можуть бути фрагменти тексту , цілі зображення та їх частини; клацання по активній зоні викликає завантаження пов'язаного з цією зоною (цільового) документа.

Щоб навчитися розміщувати матеріали в Інтернеті, перш за все необхідно познайомитися з мовою розмітки гіпертексту HTML (H yperT ext M arkup L anguage)

Мова гіпертекстових розмітки документів HTMLявляє собою сукупність команд, званих тегами (від англійської tag).Теги, що зустрічаються в тексті документа HTML, інтерпретуються браузером при відображенні документа.

Перегляд HTML-документів здійснюється за допомогою програм- браузерів(від англійської browser), які відображають документ відповідно до HTML-розмітки та забезпечують навігацію за гіперпосиланнями. Найбільш поширеними є браузери Microsoft Internet Explorer фірми Microsoft Corporation та Netscape Navigator фірми Netscape Communications Corporation.

Оскільки HTML-документ є текстовий файл, його можна підготувати у найпростішому текстовому редакторі, наприклад, у блокноті ( Notepad), але це дуже трудомістко. Найчастіше використовують спеціалізовані редактори, призначені саме для підготовки HTML-документів, які дозволяють вставляти теги за допомогою кнопок панелей інструментів або команд меню, а також задавати атрибути тегів у діалогових вікнах, наприклад, Macromedia Dreamweaver, Microsoft FrontPage, HomeSite та ін.

HTML-документ може бути отриманий перетворенням на HTML-формат, наприклад, з формату документів пакета Microsoft Office. Слід зазначити, що з такому перетворення вихідний текст HTML-документа виходить вкрай надлишковим і потребує корекції. Значно ефективніше користуватися спеціальними HTML - редакторами.

HTML-тег записується в кутових дужках (символи) і складається з імені, за яким може йти список атрибутів (для більшості тегів необов'язковий). Імена та атрибути є англійські словата абревіатури.

Теги умовно можна розділити на дві групи:

Парні теги (названі також контейнерами) мають два компоненти: відкриває (початковий) і закриває (кінцевий); закриває компонент має таку ж назву, але за запису перед назвою ставиться коса риса(символ / ). Між компонентами, що відкривають і закривають, може розташовуватися текст документа та інші теги. Фрагмент документа, розташований між елементом тега-контейнера, що відкриває і закриває, форматується браузером відповідно до змісту тега. bold). Парні теги можуть бути вкладені одна в одну, але не повинні перетинатися.

Непарні теги (названі також автономними) не мають кінцевого компонента. При їх інтерпретації в документ, що відображається, вставляється той чи інший об'єкт. Наприклад, тег , що у тексті HTML-документа, викликає вставку графічного зображенняз файлу pict.gif.

Атрибути у списку відокремлюються один від одного одним або декількома пробілами, або символами табуляції, або символами перекладу рядка; послідовність запису атрибутів несуттєва. Переважна більшість атрибутів використовуються у вигляді пари назва атрибута = значення атрибута. У випадку, коли значення атрибута є більш ніж одним словом або одним числом, його слід укласти в одинарні або подвійні лапки. У компонентах тегів, що закривають, атрибути не вказуються.

Ось приклад тега з атрибутами:

Вітання !

Зустрівши такий тег у HTML-документі, браузер інтерпретує його, виводячи текст символами, збільшеними щодо базового розміру (SIZE=+2) і червоного кольору (COLOR=RED); це форматування тексту застосовується до тих пір, поки не зустрінеться тег, що закриває.

Регістр символів у записі тегів та атрибутів не має значення.

HTML-документ полягає в теги і. Між цими тегами розташовуються дві секції: секція заголовка (між тегами і) і секція тіла документа (між тегами і). .Секція тіла документа містить основний текст, призначений для відображення браузером, теги форматування, розміщення малюнків, таблиць, гіперпосилань і т.д.

HTML-код найпростішого документа, придатного для розміщення в Інтернеті, виглядає так:

< TITLE >Наша перша сторінкаTITLE >

Найпростіший HTML-документ

Цей код може бути набраний у текстовому редакторі Блокнот і збережений як файл із розширенням. htm або. html − у цьому випадку документ відкриється у браузері, встановленому на вашому комп'ютері за промовчанням. Браузер відобразить цей документ, вивівши у своєму вікні рядок "Найпростіший HTML-документ", розташований у секції тіла документа. Фраза "Наша перша сторінка" відображатиметься у рядку заголовка браузера.

Секція заголовка зазвичай містить теги, непомітні для користувача, але здатні активно впливати не зовнішній вигляддокумента.

Цей розділ включає основний зміст веб-сторінки - текст документа, зображення, таблиці і т.п. Елемент BODY повинен зустрічатися в документі не більше одного разу і може містити такі атрибути:

Всі теги форматування символів мають як відкриваючий, так і компонент, що закриває, і діють на укладені між ними текст.

Основним є тег ... FONT>, який обов'язково використовується з одним або декількома атрибутами, що змінюють розмір, колір і гарнітуру шрифту:

Крім того, використовуються теги, що дозволяють змінити зображення символів:

. .. (від англійської bold) − напівжирний шрифт;

.. . (Від англійської italic) - курсив;

... (від англійської TeleType) – моноширинний шрифт;

... (від англійської u nderline) – підкреслений;

... S > (від англійської s trikethrough) − перекреслений;

... (від англійської s ub script) − нижній індекс;

... (від англійської sup erscript) - Верхній індекс.

Текст між тегами

та (від англійської pre formatted), відображається так, як він був відформатований заздалегідь, з усіма пробілами та переносами рядків.

Текст виводиться у вікно браузера слово за словом, при досягненні правої межі вікна чергове слово автоматично переноситься на новий рядок. Навіть якщо в коді сторінки було введено декілька пробілів або текст записувався з нового рядка, під час перегляду в браузері ці дії не відображаються. Тому щоб вивести в тексті ряд послідовних прогалин або кілька порожніх рядків, Доводиться застосовувати різні теги.

Тег
(від англійської b reak) розриває текстовий потік і вставляє новий рядок без утворення нового абзацу. Декілька послідовних тегів
інтерпретуються як кілька порожніх рядків. Міжрядковий інтервал одинарний. Закриває компонент тег не має, як і атрибутів.

Тег(від англійської p aragraph)починає абзац;новий абзац відокремлюється від попереднього подвійним міжрядковим інтервалом.Абзац порожнім бути не може, тобто кілька послідовних тегів

інтерпретуються як один (на відміну від тега
).Закриває компонент

необов'язковий, тому що попередній абзац закінчується там, де починається новий. ширину. По центру буде вирівняно і текст, укладений у теги

Якщо закриває компонент

опустити, то заданий тип вирівнювання зберігається до наступного тега, що задає вирівнювання, або до кінця документа.

HTML дозволяє створювати форматувати абзаци як нумеровані чи марковані списки. Фрагмент тексту, що є список, полягає в теги:

впорядкований (нумерований) список (від англійської o rdered l ist)

невпорядкований (маркований) список (від англійської u nordered l ist)

Кожен елемент упорядкованого або неупорядкованого списку полягає в теги... (від англійської l ist i tem). При виведенні тексту кожен елемент списку розташовуватиметься з нового рядка, позначеного номером або маркером. Крім того, у списку може бути заголовок, який задається тегом (від англійської l ist h eader). Теги, що закривають, і не обов'язкові.

Багаторівневий список може бути організований за допомогою комбінації нумерованих та маркованих списків.

Теги має необов'язкові атрибути:

Теги має необов'язковий атрибут

Абзаци можна оформити і у вигляді заголовків рівня (від n = 1 до n = 6), для цього використовують теги виду ... n>. Заголовок першого рівня виводиться найбільшим шрифтом.

Теги

, ... ,

можуть мати атрибут вирівнювання ALIGN зі значеннями LEFT, RIGHT і CENTER.

Зображення, які демонструються браузером під час перегляду веб-сторінки, зберігаються у окремих файлахформату gif, jpg (jpeg) або png, а в коді сторінки робиться посилання на потрібний файл. Для цього використовується непарний тег , що має один обов'язковий і ряд необов'язкових атрибутів.

Розглянемо докладніше абсолютний та відносний способи адресації файлу.

Адресація в абсолютній формівикористовується під час посилань на ресурси, що знаходяться на інших серверах. Універсальна адреса, що визначає місцезнаходження інформаційного ресурсу, має назву URL (Uniform Resource Locator - уніфікована адреса ресурсу). URL складається з двох частин, розділених двокрапкою. Перша частина вказує на тип мережевого протоколущо залежить від типу ресурсу. Наприклад, якщо ресурс розміщується на WWW-сервері, це протокол http.Друга частина включає ім'я комп'ютера (сервера) в доменній системі імен і (якщо потрібно) дорожнє ім'я файлу. При записі дорожнього імені назви каталогів поділяються прямою косою рисою (символ / ), в іменах файлів та каталогів розрізняються великі і малі літери, прогалини не допускаються. Ось приклади URL:

http://www. vshu. kirov.ru/site/images/picture 1. jpg

http://195.21.123.13:8110

ftp://everything.com/soft/prog.zip

mailto:This email address is being protected from spambots. Ви повинні JavaScript enabled to view it.

Остання URL-адреса, що вказує на протокол mailtoта адреса електронної пошти, не посилається на жодний інформаційний ресурс; це єдиний тип URL, при запису якого не ставляться після двокрапки дві косі риси.

Адресація малюнків в абсолютній формі під час створення веб-сайту практично не використовується.

Адресація у відносній формівикористовується при посиланнях на ресурси, що знаходяться на тому самому сервері. При записі шляху до файлу назви каталогів поділяються прямою косою межею (символ / ), перехід за каталогами файлової системиодин рівень вгору позначається двома точками (символи .. ). Щоб було зрозуміліше, уявимо комп'ютер, наприклад, з такою структурою каталогів, що містять HTML-файли:

SHAPE\* MERGEFORMAT

У цьому випадку можливі, наприклад, такі варіанти запису тега IMG:

ü < IMG SRC = Picture . jpg >(зображення Picture . jpg розташовується на сторінці Index . htm )

ü < IMG SRC = Images / Pict 1. jpg >(зображення Pict 1. jpg розташовується на сторінці Index. htm)

ü < IMG SRC =../ Picture . jpg >(зображення Picture . jpg розташовується на сторінці Page 1. htm )

ü < IMG SRC =../ Images / Pict 1. jpg >(зображення Pict 1. jpg розташовується на сторінці Page 1. htm )

Незважаючи на те, що формально обов'язковим є лише атрибут SRC, на практиці необхідно вказувати і альтернативний текст(атрибут ALT), оскільки багато хто працює з браузером в режимі без завантаження зображень.

Висоту та ширину області, в якій демонструється малюнок, задають за допомогою атрибутів width та height у пікселях або у відсотках до розміру екрану. У тому випадку, коли задається один із цих атрибутів, малюнок масштабується таким чином, щоб його висота або ширина відповідали заданій. Другий розмір встановлюється автоматично у відповідній пропорції. Застосування лише одного з атрибутів змінює обидва розміри малюнка.
Якщо задати явно обидва атрибути, то малюнок масштабуватиметься по двох осях відповідно до заданих розмірів. Атрибути height і width змінюють не час завантаження зображення, лише його вигляд (розмір) на екрані.

Гіперпосиланням називають об'єкт (текст, зображення, фрагмент зображення), при натисканні мишею по якому відбувається перехід до нового документа або фрагмента документа. Саме гіперпосилання дозволяють організувати переходи між будь-якими розміщеними в Інтернеті документами.

Зв'язок між HTML-документами та фрагментами документів організується за допомогою тега ...(від англійської a nchor - якір).

Тегу використовується як створення посилання інший документ, так посилання на фрагмент документа.

Текст і зображення, розміщені між тегами, стають активною зоною документа, чутливою до клацання миші, що викликає завантаження цільового документа. Текст гіперпосилання виділяється підкресленням та кольорами, вказаними як значення атрибутів LINK, A LINK, V LINK тега (або кольором за замовчуванням).

Щоб зробити гіперпосиланням ціле зображення, також застосовується тег ...., тільки замість тексту (або разом із текстом) між< A >та A > розташовується тег< IMG …>зі всіма відповідними атрибутами.

Наприклад, .

Тег дозволяє зробити активною зоною текстовий фрагмент або зображення повністю; щоб різні фрагменти одного зображення посилалися на різні цільові документи, доведеться використовувати тег, що реалізує зображення-карту.

У тега-контейнера єдиним обов'язковим атрибутом є NAME , значенням якого буде ім'я (наприклад, NAME=" mymap " , яке має бути використане при описі атрибуту USEMAP тега IMG, що описує зображення, покликане служити карткою (при цьому до імені картки приписується зліва # − USEMAP = "# mymap ")

Всередині контейнера кожної чутливої ​​до переміщення миші зоні зображення повинен відповідати тег з атрибутами:

Таблиці в HTML-документах використовуються не так для того, щоб розташовувати дані в обрамлених осередках, скільки з метою розташування фрагментів тексту та зображень один щодо одного.

Таблиці в HTML будуються рядково. Усі табличні дані полягають у теги

; опис кожного ряду осередків (рядків) полягає в теги...; вміст кожного осередку полягає в теги ... (звичайні осередки) або ... H > (заголовки).

Таким чином, для опису, наприклад, таблиці з двох рядків, кожен з яких містить по два осередки, доведеться створити наступну конструкцію:

Осередки таблиці можуть містити текст, зображення, вкладені таблиці тощо. Не слід залишати осередки таблиці незаповненими; якщо якась комірка має виглядати порожньою, помістіть у неї нерозривну прогалину.

За замовчуванням текст, що міститься в осередку таблиці, автоматично розміщується браузером; текст виводиться слово за словом; при досягненні правого кордону осередку чергове слово переноситься на новий рядок.

Осередки таблиці можуть охоплювати кілька рядків або стовпців; при описі таких осередків використовуються атрибути ROWSPAN (комірка, тег якої містить даний атрибут, "розтягується" на вказану кількість рядків) та COLSPAN (комірка "розтягується" на кілька стовпців). Наведемо приклад організації таблиці з об'єднаними осередками:

< TR >

< TD ROWSPAN=2>1-1 TD >

Теги, що описують таблиці, мають низку необов'язкових атрибутів.

Атрибути тега задають параметри таблиці в цілому:

Атрибути тега визначають параметри даного ряду (при виникненні протиріч атрибути, задані в тезі, скасовуються). Вирівнювання вмісту осередків; можливі значення left, right і center

BACKGROUND = url

Фонове зображення для осередків цього ряду таблиці

BGCOLOR = колір

Фоновий колір для осередків цього ряду

BORDER = значення

Товщина рамки, що обрамляє комірки даного ряду; BORDER = 0 позначає невидиму рамку

VALIGN = значення

Вертикальне вирівнювання вмісту осередків; можливі значення top, center та bottom

Атрибути тега задають параметри даної комірки (при виникненні протиріч атрибути, задані в тегах і скасовуються).

При роботі з таблицями врахуйте, що вказане значення атрибуту WIDTH у багатьох випадках лише "приймається до уваги" браузером. Задані пропорції точно витримуються рідко, браузер намагається відобразити таблицю якнайкраще (у його розумінні).

Використання рядка, що біжить на веб-сторінці, робить його більш динамічним, дозволяє створити ефект руху об'єкта. Створюється рядок, що біжить, за допомогою тега< MARQUEE >… MARQUEE >.

між< MARQUEE >та MARQUEE > можуть розташовуватися текстові фрагменти та малюнки. Текст може бути форматований за допомогою відповідних тегів, а малюнок вставляється з використанням .

Синтаксис атрибуту	Призначення
BGCOLOR = колір	Колір фону. Якщо фон заданий, браузер малює на екрані кольорову смугу, вздовж якої рухається текст або картинка.
HEIGHT = значення	Висота смуги фону. Значення вказується у пікселях або у відсотках від висоти вікна браузера. Наприклад, якщо вказати атрибут HEIGHT=25%, то смуга рядка, що біжить, займатиме чверть висоти вікна
WIDTH = значення	Ширина смуги рядка, що біжить, вказується в пікселях або у відсотках від ширини вікна браузера
DIRECTION= значення	Напрямок руху рядка: left – ліворуч (за замовчуванням), right – праворуч, up – вгору, down – вниз
BEHAVIOR = значення	Атрибут управляє поведінкою рядка, що біжить: scroll (за замовчуванням) − дійшовши до краю вікна, рядок йде з поля зору, а потім з'являється з протилежного боку; slide − рядок з'являється через край вікна, досягає протилежного і зупиняється; alternate − рядок рухається вправо або вліво, «відбиваючись» від країв вікна та змінюючи напрямок руху
HSPACE = зміщення у пікселях	Зсув смуги рядка, що біжить по горизонталі вправо
VSPACE = ви co тa у пікселях	Створення порожнього простору вище та нижче смуги
LOOP = значення	Кількість переходів рядка по екрану
SCROOLAMOUNT = значення	Число пікселів, які проходять рядок за кожний крок. Стандартний режим відповідає приблизно 10 пкс/крок. Цей атрибут дозволяє регулювати швидкість руху рядка
SCROLLDELAY = значення	Визначає часовий інтервал (у мілісекундах) між кроками, за допомогою цього атрибуту можна змусити рядок рухатися ривками
TRUESPEED	Під час встановлення цього прапора (атрибута без значення) буде використано задане значення SCROLLDELAY. Якщо прапор не встановлено значення SCROLLDELAY. Все, що знаходиться між цими тегами, відображатися на веб-сторінці не буде. Необов'язкові теги Якщо якийсь тег не вказано, це не означає, що він не представлений взагалі. Існують певні правила, які дають змогу не писати деякі теги. У табл. 1 представлені теги, які можна не вказувати та умова, за якої це відбувається. Табл. 1. Необов'язкові теги Тег Умова Якщо всередині є інші елементи. Якщо порожній, а також містить щось, крім пробілу або коментаря. Якщо після елемента слід Якщо після елемента слідує або . Якщо після елемента слідує , або він останній у батька. Якщо після елемента слід , , , , , , , , , , , ..., , , , , , , , , , , , . і не слід перед , або у яких опущений тег, що закриває.або він останній у батька. Якщо після елемента слідує або . Якщо після елемента слідує або . Якщо після елемента слідує або він останній у батька. Якщо після елемента слідує , або він останній у батька. Якщо першим усередині йде і не слідує перед іншим елементом. Якщо після елемента слідує або . Якщо першим усередині йде Якщо після елемента слід або він останній у батька. Якщо після елемента слідує або він останній у батька. Якщо після елемента слід Якщо після елемента слід або він останній у батька. Якщо після елемента слід або він останній у батька. Якщо тег містить один або кілька атрибутів, тег повинен вказуватися обов'язково. Через те, що багато тегів можна не вказувати, т.к. вони маються на увазі за умовчанням, будь-який документ зводиться до таких частин. Необов'язкова позначка порядку байтів (byte order mark, BOM). . . До і після доктайпу дозволяється вставляти будь-яку кількість прогалин або коментарів. Таким чином, доктайп не обов'язково повинен розташовуватися в першому рядку коду. У прикладі 1 показаний мінімальний HTML код для виведення традиційного вітання. Приклад 1. Мінімальний HTML HTML5 IE Cr Op Sa Fx Привіт світ! Мітка порядку байтів складається з коду символу U+FEFF на початку документа, де використовується визначення кодування. Рекомендується видаляти цей символ, оскільки його наявність призводить до помилок відображення документа в деяких браузерах. Для цього можна використовувати редактор Notepad++, у меню «Кодування» вибрати пункт «Кодувати в UTF-8 (без BOM)» (рис. 3). Мал. 3. Вибір кодування Корисні посилання Детальніше про мітку порядку байтів http://unicode.org/faq/utf_bom.html#bom1 Редактор Notepad++ вказує, відповідно до якого стандарту HTML написано вашу Web-сторінку. DOCTYPE Опис HTML5 Усі документи. HTML 4.01 Суворий синтаксис HTML. Перехідний синтаксис HTML. У HTML-документі використовуються кадри. XHTML 1.0 Суворий синтаксис XHTML. Перехідний синтаксис XHTML. Документ написано на XHTML і містить кадри. XHTML мобільного профілю додає специфічні елементи для мобільних телефонів. XHTML 1.1 Жодного поділу на види це визначення не має, синтаксис один і підпорядковується чітким правилам. Отже, доктайпів існує кілька (суворі та перехідні, для HTML та XHTML). Який стандарт вибрати – ось у чому питання. Стандарти HTML та XHTML HTML – стандартна мова розмітки Web-документів. У HTML 4.01 та HTML5 зовнішній вигляд сторінки відокремлений від її змісту. Зміст та структура (заголовки, абзаци, посилання) задаються у HTML. Оформлення (вирівнювання, шрифти, кольори) задаються CSS-стилями. Наприклад, тег та атрибут align оголошені застарілими. XHTML - мова розмітки Web-документів, що розширюється, створена на базі XML . Стандарт XHTML є переліком відмінностей між HTML 4.01 і XHTML. Вимоги XHTML Не можна Потрібно Усі теги мають бути закриті. Усі теги, атрибути та CSS-властивості мають бути набрані у нижньому регістрі. Усі значення атрибутів тегів мають бути укладені в лапки. Повинна суворо виконуватись ієрархія: перший тег закривається останнім. ... ... Блоковий тег не може бути вкладений у рядковий. (Після блокового елемента подальше виведення на сторінці здійснюється з нового рядка. Рядковий елемент перекладу рядка не робить.) ... ... Булеві атрибути записуються у розгорнутій формі. У зображень обов'язково має бути зазначено опис Переваги мови XHTML - не строгість синтаксису, а можливість вигадувати власні теги. Однак, 2 липня 2009 року Консорціум Всесвітньої павутини (W3C) повідомив про припинення робіт над XHTML 2.0, вважаючи концепцію XHTML неправильною. Група програмістів переключилася працювати над стандартом HTML5. І хоча стандарт HTML5 ще не затверджений, на ньому вже написано безліч сайтів. Кому цікаво, коли ж HTML5 буде закінчено, можуть ознайомитися з першоджерелами: Офіційна версія стандарту HTML5 знаходиться за адресою: www.w3.org/TR/html5/ Визначимося із вибором. Зробити його нескладно: використовувати XHTML стандарт не варто, якщо ви не збираєтеся розширювати мову HTML. На! DOCTYPE, призначених для документів, що використовують фрейми, зупинятися не будемо: позавчорашній день. Наступне питання: який вибрати синтаксис – суворий чи перехідний? Суворий та перехідний синтаксис HTML 4.01 Перехідні синтаксиси є для того, щоб полегшити перехід на новий стандарт. Вони пропустять багато того, що суворий синтаксис вважатиме помилками. Зрозуміти, що тут до чого, простіше на прикладі. Спочатку поставимо строгий синтаксис. Суворий синтаксис Перевірка на валідність Перевірка на валідність червоний колір. Відповідність HTML-коду оголошеному стандарту називають валідністю, а перевірку на цю відповідність - валідацією. Щоб відстежувати помилки верстки, встановимо додаток до FireFox Html Validator. Відкриємо нашу сторінку в браузері FireFox, наведемо мишку на знак валідатора: Подвійне клацання на знаку валідатора дасть розгорнутий перелік помилок: Поміняємо! DOCTYPE на перехідний синтаксис: Перехідний синтаксис Перевірка на валідність Перевірка на валідність Частину тексту потрібно було виділити червоним кольором. Запускаємо FireFox. Помилок немає: Начебто все чудово. Може, на цьому зупинитися? Моя порада: робити валідну верстку або відповідно до суворого синтаксису HTML 4.01, або відразу на HTML5. HTML треба використовувати за його прямим призначенням, а оформлення залишити CSS. Крім того, якщо у сайту валідна верстка, а він неправильно відображається в будь-якому браузері, це однозначно проблема браузера. Нові версії браузера краще відповідатимуть стандарту і не помилятимуться в інтерпретації валідного коду. Якщо складна верстка реалізована невалідним способом, то немає гарантій, що нові версії браузерів не розсиплять її на шматочки. Не спокушайтеся лояльністю перехідного синтаксису, лише сувора відповідність стандартам! Навіщо потрібна валідна верстка Здавалося б, навіщо мучитися? Адже маленькі недоліки верстки браузери часто виправляють автоматично, і сайт працює абсолютно нормально. Але ці дрібні, практичні непомітні помилки помічають пошукові системи. Навіть один відсутній тег - Це мінус на оцінці якості сайту. Саме через здатність пошукових системпомічати будь-які недоліки HTML-коду і рекомендується дотримуватися валідності верстки. Крім того, перевіряючи код на валідність, можна виявити поряд з дрібними недоліками ще й серйозні помилки, які не були помічені раніше. Починаємо вивчення мови. Текст на HTML є "простий текст". Всі гіпертекстові особливості документа задаються за допомогою тегів - особливих позначок, що включаються до цього тексту. Нехай є текст: Запишемо цей текст інакше, вставивши вказівки у тому, як треба відображати текст. Вказівки виділимо кутовими дужками. У мові HTML вказівки називаються тегами. Браузер виконує вказівки-теги, тобто, не показуючи їх, змінює текст. Тому на екрані ми побачимо таке: «Мама мила раму, а котик грав із клубком. Хлопчик забрав у котика клубок». Тег – команда у кутових дужках. Ім'я тега – перше, що пишеться після кутової дужки, що відкриває, без прогалин перед ним! Існують одиночні теги і теги контейнери. Поодинокі теги – деяка команда браузеру, яка виконується там, де вказана, наприклад, команда «намалювати лінію»: Теги контейнери складаються з тега, що відкриває і закриває, і їх вказівка ​​відноситься до всього тексту, розташованого між ними, кажуть: «вкладеного в контейнер». Закриваючий тег має те саме ім'я, що і відкриває, але перед ім'ям ставиться символ «слеш»: «/»: Мама мила раму. . Тег може мати атрибути. Атрибут доповнює та пояснює тег. Порядок атрибутів не є важливим. Наприклад, тег HR має атрибут WIDTH, що позначає ширину лінії, SIZE – товщину лінії, ALIGN – розташування (вирівнювання) і COLOR – колір. Значення атрибутів конкретизують задану характеристику. Синтаксичне правило звучить наступним чином: після імені тега може слідувати, принаймні, один пробіл, потім через пробіли можуть слідувати трійки: атрибут, символ «=», значення. Значення рекомендується укладати в лапки, хоча стандарт HTML дозволяє значення, що складаються лише з латинських літер та цифр, не укладати в лапки. Зображення на екрані буде приблизно наступним. _____________________________________ Стандарт дозволяє не писати тег, що закриває, якщо він мається на увазі. Наприклад, тег Має закриває, але його можна не писати перед відкриттям наступного абзацу. Тег Позначає абзац. Мама мила раму. Донька грала з м'ячиком. Деякі атрибути не мають значень, точніше вони мають єдине значення, і тому досить просто вказати або не вказати в тезі цей атрибут. Наприклад, тег FRAME має атрибут NORESIZE, що вказує на те, що користувачу не дозволено змінювати розмір даного кадру. Теги (елементи) в HTML можуть бути вкладені один в одного аналогічно циклам або умовним оператораму мовах програмування. Перетин тегів без вкладеності заборонено. Приклад помилкового запису: приклад блоку із вкладеним абзацом Приклад правильного запису: приклад блоку Із вкладеним абзацом Крім тегів та простого текстуу HTML-коді можуть зустрітися звані символьні об'єкти чи Escape послідовності: іменовані і нумеровані сутності. Вони потрібні для представлення в документі символів, заборонених синтаксично або фізично, а також символів, які неможливо ввести з клавіатури. Наприклад, Регістр літер для імен тегів та імен та значень атрибутів не є важливим. Хоча рекомендується дотримуватись певного стилю, наприклад, писати імена всіх тегів великими літерами, або маленькими, або маленькими, але з першою великою літерою. Такий текст легше сприймається людиною. Дуже важливе зауваження! Мета браузера – показати клієнту вашу сторінку. Звичайна реакція браузера на помилку - спроба виправити помилку, а якщо не вдалося, пропустити не зрозумілі для нього слова або теги. Це добре і погано. Так як, з одного боку, в результаті браузер намагатиметься показати користувачу максимум тексту, але, з іншого боку, до цього тексту може потрапити частина з тегами та скриптами або не потрапити власне текст, якщо його браузер сприйме, наприклад, як коментар. Розробнику сайту така поведінка браузера дуже заважає. Будьте готові до того, що спочатку браузер буде старанно виправляти ваші помилки, але через деякий час він заплутається, і у вас перестануть працювати фрагменти, що раніше працювали. Тому порада: не робіть помилок, а краще використовуйте сучасні редактори, обізнані про html-правила, і вказують на помилки. Розповісти друзям Twitter Samsung Game... Зник робочий стіл Android або не працює лаунчер! Наступна стаття Xperia Companion – новий додаток на Windows PC для оновлення та відновлення Xperia Читайте також Найкращі музичні плеєри на андроїд 2024-03-13 00:03:49 Що таке хаб, свитч та роутер? 2024-03-12 00:04:38 Json розшифровка абревіатури 2024-03-11 00:04:21 Галерея зображень на jQuery з цікавим ефектом 2024-03-09 00:04:15