Зачем использовать теги цитат, когда кавычки будут делать?

Question

Я новичок в кодировании и имею тривиальный вопрос: зачем нужно использовать тег quote, когда проще просто выписать кавычки в тексте?

Answer 1

Это, конечно, не стоит, но есть целый ряд причин, почему использование <q> может быть предпочтительным:

• цитата элемент более семантически явно чем кавычки
• цитата элемент может быть стилизованы (как было отмечено @Juhana)
• цитата элемент позволяет, кроме «"»(the guillemet - « - for example)
• quote element can be used with the cite attribute явно связать цитаты и источник символов

Answer 2

Это все о семантике

Цель HTML, чтобы позволить вам add semantic information to the resource. Другими словами, когда вы окружаете цитату с тэгами цитат, вы описываете программу, которая будет использовать этот ресурс, в отношении содержания означает. Программы - это не просто браузеры, которые превращают HTML в изображение для просмотра; они могут быть программами для чтения с нарушениями зрения или программой, которая считывает информацию с веб-страницы и вставляет данные в базу данных (например, web crawler для поисковой системы).

Почему семантика?

Аналогичным вопросом для вас будет: «зачем использовать тег заголовка, когда я могу использовать тег с пользовательским стилем, чтобы сделать шрифт более крупным и полужирным?»

Причина в том, что, помечая текст тегом заголовка (h1, h2 и т. Д.), Вы сообщаете программе, читающей документ HTML, что содержание имеет особое значение. Затем программа может делать что-то с документом, кроме простого отображения его пользователю; если в HTML-документе есть теги заголовков, программа может автоматически создавать оглавление документа, просто перечисляя содержимое тегов заголовка (подобно тому, как статья Википедии может автоматически создавать оглавление в верхней части страница).

Итак, все начинается с добавления семантической информации. Как указывали другие, вы можете создать стиль тега quote, где вы не можете создать контент в двух символах кавычек. Это побочный продукт с добавлением семантики, однако не обязательно конечный гол. Конечно, вы могли бы создать цитаты, окружив их <div class="quote">..</div>. Тем не менее, делая это, вы теряете возможность иметь помощь в браузере, вы предоставляете цитату по своему усмотрению (см. quotes css attribute), или даже браузер делает кавычки с помощью default quotation marks of the user's locale.

Даже после этого элемент цитаты больше, чем стиль. Например, the quote element offers the ability to show additional information with a "site" attribute.

Как можно использовать семантическую информацию для цитат?

Например, предположим, что я создаю HTML-страницу под названием «http://example.com/MyThoughts». На этой странице у меня есть следующий HTML ...

<p>The W3C page <cite>About W3C</cite> says the W3C's mission is <q 
cite="http://www.w3.org/Consortium/">To lead the World Wide Web to its 
full potential by developing protocols and guidelines that ensure 
long-term growth for the Web</q>. I disagree with this mission.</p> 

Обратите внимание на процитировать атрибут на <q> элемент здесь (не следует путать с <cite> element). Если бы люди добавили элементы цитат таким образом, мы могли бы теперь создать веб-искатель, который проходит через Интернет, ища страницы, у которых есть цитата и цитата. Затем, используя эти данные, мы могли бы создать базу данных документов и их цитаты. Мы могли бы создать новый сайт, где выход может выглядеть ...

Resource: "About W3C" 
Location: http://www.w3.org/Consurtium 
Document Citing This Resources: 
    Resource: "My Thoughts" 
    Location: http://example.com/MyThoughts 

... или в равной степени полезный ...

Resource: "My Thoughts" 
Location: http://example.com/MyThoughts 
Documents Cited in this Resource: 
    Resource: "About W3C" 
    Location: http://www.w3.org/Consurtium 

Как вы можете видеть, мы создали приложение, которое соединяет вместе с данными других веб-сайтов без необходимости использования API или прямого доступа к базе данных. То, что - это сила добавления семантики в ваши документы.

Заключение

При выполнении день для работы по развитию день, возможности того, что интересного можно сделать, будет введение семантики в ваших HTML-документов, как правило, игнорируются вместо обеспечения того, чтобы сайт «хорошо выглядит в браузере» , Семантически добавление информации может по-прежнему помогать из-за таких вещей, как помощь в правильной настройке ваших котировок для конкретного пользователя.

Уверен, что если вы использовали символ цитаты вместо элемента кавычек Tim Berners-Lee, он не пойдет вниз по вашей двери. Тем не менее, встроенная броузерная обработка котировок, специфичных для локали пользователя, является хорошим carrot on the stick.