Для чего нужен префикс -mso- в CSS?

Question

Я понимаю, какие другие специфичные для браузера кодовые имена, такие как -moz- и -webkit-, используются, первые для mozilla и последующие для chrome и safari, но что такое -mso- точно?Это означает Microsoft Office, но веб-страница в этой программе никогда не отображается, не так ли?

Answer 1

Код вашего примера:

<style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style>

Похоже, что произойдет, если кто-то скопирует и вставит текст из документа Microsoft Word в редактор WYSIWYG в системе управления контентом.

MS Wordвставляет кучу неприятного кода, который не нужен.Лучше попросить авторов контента вставлять их в виде обычного текста, а не из MS Word.

Answer 2

Mso-атрибуты используются для кодирования электронных писем в формате HTML. Начиная с Outlook 2007, Microsoft решила использовать движок рендеринга Word в своем почтовом клиенте. Это создает множество изысков в том, как электронная почта HTML отображается в Outlook, поэтому необходимо использовать mso-атрибуты в HTML.

Answer 3

Чтобы получить дополнительную информацию о MSO (программы Microsoft Office, такие как MS Word) ...

Как новый веб-мастер (12 лет назад, сейчас), который не знал HTML, я занялся сайтом.И я добавил еще 6 за несколько лет.Мне потребовалось несколько лет, чтобы узнать, что редактор WYSIWYG (старая Frontpage 2000) делал с кодом.После изучения встроенных стилей я начал изучать CSS для начинающих.Но это было медленно;Я наконец работаю с внешней таблицей стилей.

Затем, несколько лет назад, я решил по-настоящему очистить свой код - я начал с 6 сетей, потому что я знал, что они самые лучшие.Сейчас я работаю над 7-м и самым сложным сайтом, который я унаследовал.Он содержит код из Access, Word, электронных таблиц, таблиц лицевых страниц и т. Д.

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

На вашем примере:

<style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style>

Это стиль для «нормальной» таблицы.Это дает ряд;размер столбца;отступы и поля для ячеек;а затем стили для абзацев.Язык избыточен, так как он должен быть в вашем разделе META.Информация о таблице и FONT должны быть в вашем внешнем CSS.

После того, как вы проверите свой метатег, и Ext.CSS, удалите весь стиль.ПРИМЕЧАНИЕ. Однако это означает, что ваша таблица может выглядеть странно, пока вы не переделаете код.Проверьте свой CSS для стилей таблиц и примените один.

Очень нервно разрывать веб-страницу или веб-сайт.Посмотрите на элемент в Google ... затем, когда вы узнаете, что делает этот тег, проявите смелость и удалите тег MSO.

Вы можете удалить только часть?Обычно да.

Можете ли вы оставить часть?Если вы не знаете, что он делает, вы можете оставить кусок кода, пока исследуете, что это значит.Просто используйте Поиск, чтобы перефразировать фрагмент кода.