2012-04-09 2 views
1

Похожий вопрос:How to write fraction value using html?Что такое основанный на стандартах/семантический способ делать пользовательские фракции в HTML 5?

Где Мой вопрос Изменяется:

  1. Является ли использование < вир > и < суб > тегов считается "стандартным способом" делать фракции в HTML 5?
  2. Если нет, то каким образом должны выполняться пользовательские фракции?

Другие Разъяснения:

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

+0

Этот вопрос не подходит к нашему Q & A формата. Мы ожидаем, что ответы, как правило, будут связаны с фактами, ссылками или конкретными знаниями; этот вопрос, скорее всего, потребует мнения, дискуссии, аргументы, опрос или расширенное обсуждение. – iambriansreed

+0

@iambriansreed, я, возможно, неправильно понял, но OP просит, чтобы семантический способ представления фракций был в HTML5. И в этом случае существует спецификация, разработанная для математики, которая идеально подходит для этого вопроса (и чрезвычайно полезна для любого, кто пытается найти семантический способ отображения математики в HTML). – 0b10011

+0

@bfrohs "... этот вопрос, скорее всего, потребует мнения ..." Хороший вопрос просто не для SO. – iambriansreed

ответ

4

Возможно, наиболее правильным способом сделать дроби в HTML5 является использование MathML. Невозможно получить гораздо больше семантических значений для фракций, чем элемент <mfrac>.

Вы можете сделать это:

<math> 
    <mfrac bevelled="true"> 
    <mn>99</mn> 
    <mn>100</mn> 
    </mfrac> 
</math> 

Но проблема с использованием ультрасовременной материала является то, что он не имеет широкой поддержки в браузерах еще. Быстрый тест показывает, что он работает только в Firefox и Opera.

Посмотрите здесь: https://jsfiddle.net/6sfeqcw5/

+1

MathML не HTML5, или HTML вообще. Это всего лишь один из способов вставить не-HTML-контент. Никакой ссылки не упоминалось относительно его предпочтительного статуса как противоположного альтернативным подходам к этому вопросу (что интересно, но не вопрос, который был задан). –

+0

@ JukkaK.Korpela - Я уже слышал этот аргумент, что MathML не является HTML5, и я этого не понимаю. Спецификация HTML5 имеет несколько длин, чтобы описать, как анализировать MathML, встроенный в HTML5, включая управление проблемами пространства имен. Для маркировки математики в HTML5 MathML - это одобренный способ сделать это. Нет никакой перспективы, что альтернатива будет введена, потому что это будет просто дублирование. Он имеет аналогичный статус в HTML5 для SVG. Если вы хотите сделать графику в режиме сохраненного режима в HTML5, используйте SVG, если вы хотите сделать математику, используйте MathML. – Alohci

+0

@ JukkaK.Korpela - Добавлена ​​ссылка на описание MathML в спецификации HTML5. У него даже есть пример с использованием '' – Alohci

-1

У меня нет ссылки, но это мое мнение: sup и sub являются тегами для отображения и не должны использоваться, за исключением редких случаев. Этот источник http://www.webdesignfromscratch.com/html-css/list-of-html-tags-with-semantic-usage/ упоминает химические формулы, которые являются хорошим примером, поскольку в их случае положение текста имеет смысловое значение.

Я не думаю, что эти фракции относятся к этим случаям. Фракции могут отображаться по-разному, как обсуждалось здесь: http://en.wikipedia.org/wiki/Fraction_(mathematics)#Writing_simple_fractions

Итак, вы должны, вероятно, просто использовать общее решение, такое как тег span.

1

Нет стандарта на пользовательские фракции в HTML5. (И HTML5 даже не близок к стандарту.) В HTML вообще нет лучшей практики, установленной для них в HTML. Похоже, что не проводится никакой работы по определению стандартов или передовой практики в отношении них.

+0

Я не понимаю причину этого. @jukka прав. MathML - совершенно другой язык разметки и не является частью HTML, как SVG. – apnerve

 Смежные вопросы

  • Нет связанных вопросов^_^