Роль лапок в розмітці документа
Ми використовуємо лапки постійно, коли пишемо електронні листи або складаємо документи на роботі. Мало хто замислюється про те, чому ж вони бувають різними: верхні подвійні, верхні одинарні, похилі, лапки «ялинки» і т.д.
Справа в тому, що для кожної національної мови правила використання лапок можуть бути різними. У російській мові традиційними вважаються лапки ялинки «». а для англомовних мов і їх діалектів верхні подвійні "". Одинарні використовуються для того, щоб була можливість додати лапки всередині інших лапок.
замітка
Ви можете задатися питанням, а як ця тема розкривається в предметної області HTML-розмітки? Ми просто пишемо текст, розставляючи в ньому лапки і на цьому все. Абсолютно вірно, але в HTML є спеціальний елемент, за допомогою якого можна виділити фрагмент тексту, і він не просто буде обрамлений в лапки, але і придбає семантичну цінність [1].
Розстановка звичайних лапок
Спеціальний символ - застосовується для виведення на екран символів, що не присутніх в розкладці клавіатури. Це керуюча конструкція складається з амперсанда « », Наступного за ним коду символу, і закінчується крапкою з комою«; ». При виведенні в браузер конструкція буде замінена всього на один символ.
Коди спеціальних символів лапок в HTML-розмітці:
- '- Ліва одиночна
- '- Права одиночна
- , - Нижня одиночна
- "- Ліва подвійна
- "- Права подвійна
- "- Нижня подвійна
- «- Ліва лапки« ялинка »
- »- Права лапки« ялинка »
Щоб використовувати дані спеціальні символи вам необхідно додати їх коди в те місце розмітки, де вони повинні відображатися.
Семантичні лапки (цитати)
У HTML є спеціальний елемент . яким позначають цитати в текстах. Варто зазначити, що даний елемент є семантичним, тобто пошукові системи і програми читання екрану будуть якось по-особливому сприймати його вміст.
Весь текст, укладений між відкриває тегом і закриває тегом
буде обрамлений лапками. Даний елемент є строковим і не має власної ширини і висоти. Займане ним простір визначається обрамленим текстом. Вид лапок (подвійні верхні або «ялинки»), які будуть виведені на екран, залежить від атрибута lang кореневого елемента . Якщо даний атрибут заданий як «lang =" ru "» то будуть виведені «ялинки».
важливо
Не всі браузери коректно обробляють залежність атрибута lang від виду виводяться лапок. Для точного завдання відображення необхідно використовувати CSS.
Терміни, використані в статті
- Семантична цінність - існує ряд елементів, створених не просто для обертання контенту, але і для надання йому певної значущості. Це може бути важливо при скануванні сторінки пошуковими роботами або для людей з обмеженими можливостями, які використовують екранні диктори. Так вони зрозуміють, що на цей елемент потрібно звернути особливу увагу.
Поділіться в соцcетях: