Какова цель кавычек вокруг долларовых значений на определенных розничных сайтах?

Question

Работая над проектом, я наткнулся на ситуацию форматирования на нескольких веб-сайтах, которые я не смог объяснить.

При просмотре разметки в инспекторе Google Chrome DOM некоторые значения отображаются в кавычках. Эти кавычки не появляются ни в источнике HTML, ни на отображаемой странице.

Формат выглядит следующим образом:

<span class="...">$</span>
"XX."
<span class="...">xx</span>

OR

"$XX."
<span class="...">xx</span>

ИЛИ небольшое изменение двух. Большие X - это сумма в долларах, а маленькие X - центы.

Часть этих структур, которые я не понимаю, это кавычки вокруг долларовой стоимости. Почему они используются и почему они не отображаются на дисплее веб-сайта?

Answer 1

Это проблема с инспектором Google Chrome DOM. Когда литерал String не находится на одной строке с окружающим его тегом, строковый литерал отображается в новой строке с кавычками вокруг строкового литерала, чтобы сделать его видимым в том месте, где строка начинается и заканчивается.

Например, когда строковый литерал начинается с пробела и отображается в новой строке внутри инспектора, это можно увидеть только в том случае, если строка заключена в кавычки. В противном случае вы не сможете увидеть, где начинается строка.

Проверьте это с помощью Google Chrome DOM Inspector: http://jsfiddle.net/bFcNn/2/

Эти кавычки не существуют ни в исходном коде, ни в DOM после загрузки страницы. Они существуют только как структурный элемент внутри DOM-инспектора Google Chrome. Они не являются частью страницы, которую вы просматриваете.

Answer 2

Я предполагаю, что это для программ чтения с экрана.

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

Скорее всего, они содержат полную сумму в кавычках за промежуток и используют CSS, чтобы скрыть этот промежуток. Таким образом, когда программа чтения с экрана сосредоточится на этом элементе управления, цена будет считана полностью. Что касается кавычек, возможно, им просто показалось, что некоторые программы чтения с экрана будут вести себя по-разному с числовыми значениями в кавычках.

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

Answer 3

Это просто для целей форматирования, поэтому к символу $, сумме в долларах и сумме центов можно применить другой стиль - пример из View Source на странице product на qvc.com:

<li class="introprice"><span class="intropricestyle">$</span>69.<span class="intropricestyle">00</span></li>