Відповіді на запитання. Як працює браузер

  1. Відповіді на запитання
  2. Уточнені правила роботи браузера
  3. Правила побудови абзацу

Відповіді на запитання   Загальні принципи   У якому порядку браузер виводить зображення об'єктів на екрані

Відповіді на запитання

Загальні принципи

  1. У якому порядку браузер виводить зображення об'єктів на екрані?

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

  2. Чому гіпертекстову сторінку не можна орієнтувати на вікно фіксованого розміру?

    Відповідь. Розмір вікна залежить від дозволу екрану. Більш того, користувач може змінювати розміри вікна на екрані на свій розсуд. Браузер використовує то вікно, яке надав йому користувач. Значить, сторінки треба проектувати так, щоб вони нормально відображалися в будь-яких вікнах.

  3. Якщо текст абзацу в коді перенесений на новий рядок, то чи буде в цьому місці він перенесений на новий рядок у вікні браузера?

    Відповідь. Ні. Браузер не звертає уваги на те, як рядки абзацу розміщені в HTML-коді. Переклад рядка в коді для браузера рівнозначний пробілу при побудові абзацу на екрані.

  4. Коли браузер включає в своєму вікні горизонтальну прокрутку?

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

  5. Кажуть, що гіпертекстові документи повинні бути незалежними від комп'ютерної платформи і засобів відеовиводу. Що це означає?

    Відповідь. Це означає, що правила роботи браузера передбачають виведення зображення, відповідного коду сторінки в вікна будь-якого розміру, на екрани будь кольоровості. При цьому для різних платформ (PC, MAC ...), для різних операційних систем (Windows, Linux ...) створені свої браузери, які дозволяють будувати на екрані гіпертекстову сторінку, використовуючи один і той же HTML-код.

Уточнені правила роботи браузера

  1. Образ якого елемента збігається з вікном браузера?

    Відповідь. Елемент HTML візуально збігається з вікном браузера.

  2. Який елемент є прямим нащадком елемента HTML?

    Відповідь. Елемент BODY.

  3. Чи можуть рядкові елементи бути прямими нащадками елемента BODY?

    Відповідь. Прямі нащадки BODY - завжди блоки. Якщо навіть записати всередині BODY (на верхньому рівні) рядковий елемент, він буде автоматично "обгорнутий" в безіменний блоковий елемент.

  4. Як браузер будує на екрані блокові елементи?

    Відповідь. Блокові елементи будуються на екрані прямокутниками зверху вниз по ширині батька.

  5. Як браузер будує на екрані рядкові елементи?

    Відповідь. Браузер виводить малі елементи в рядок, намагаючись заповнити всю ширину батьківського блоку. Якщо матеріал в одному рядку не вміщується, він переноситься на наступні рядки.

  6. Опишіть правила відображення HTML-коду у вікно браузера.

    Відповідь. Браузер будує HTML, потім BODY, потім блоки всередині BODY.

    Блокові елементи, будуються на екрані прямокутниками зверху вниз по ширині батька.

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

    Якщо всередині блоку немає інших блоків, а тільки рядкові елементи, браузер виводить їх в рядок, намагаючись заповнити всю ширину батьківського блоку. Якщо матеріал в одному рядку не вміщується, він переноситься на наступні рядки.

Правила побудови абзацу

  1. Чим побудова абзацу на екрані відрізняється від побудови інших блоків?

    Відповідь. Особливістю побудови абзацу (по відношенню до звичайних блокам) є збільшений відступ до і після утворює абзац прямокутника. Прямокутники звичайних блоків (таких як DIV) слідують один за одним щільно, а абзаци відокремлюються зверху і знизу проміжками розміром в один рядок.

  2. Чому дорівнює ширина абзацу на екрані, якщо він є прямим нащадком елемента BODY?

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

  3. У коді абзац записаний на п'яти рядках. Скільки рядків буде займати абзац на екрані?

    Відповідь. Кількість рядків на екрані залежить тільки від ширини вікна (якщо абзац прямий нащадок BODY) і не залежить від числа рядків, які він займає в коді.

  4. Між словами в коді абзацу поставлено 5 прогалин. Скільки прогалин буде між словами на екрані?

    Відповідь. Між словами на екрані браузер проставляє рівно по одному пробілу незалежно від того, скільки їх проставлено в коді.

  5. Ширина вікна настільки мала, що в рядку можна розмістити навіть одне слово. Що побачить користувач у вікні браузера?

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

вгору   |   повернення вгору | повернення

Чому гіпертекстову сторінку не можна орієнтувати на вікно фіксованого розміру?
Якщо текст абзацу в коді перенесений на новий рядок, то чи буде в цьому місці він перенесений на новий рядок у вікні браузера?
Коли браузер включає в своєму вікні горизонтальну прокрутку?
Що це означає?
Який елемент є прямим нащадком елемента HTML?
Чи можуть рядкові елементи бути прямими нащадками елемента BODY?
Як браузер будує на екрані блокові елементи?
Як браузер будує на екрані рядкові елементи?
Чому дорівнює ширина абзацу на екрані, якщо він є прямим нащадком елемента BODY?
Скільки рядків буде займати абзац на екрані?