Файлы .htm и. html не отображаются в Safari или Chrome. - PullRequest
Новая
       18

Файлы .htm и. html не отображаются в Safari или Chrome.

0 голосов
/ 21 июня 2020

Я использую MacOS, прорабатываю первый модуль HTML на Codecademy и копирую / вставляю код из завершенного первого проекта о бурых медведях в Word и TextEdit. TextEdit сохраняет как. html, а Word сохраняет как .htm, но по какой-то причине не отображает код в Safari или Chrome. Что мне не хватает? Я изменяю настройку «открыть с помощью» на любой браузер, и все, что отображается в браузере, когда я открываю любой файл (каждый из которых содержит один и тот же исходный текст), - это необработанный текст.

Заранее спасибо!

PS Кажется, я не могу вставить сюда код html для справки. Интересно, почему.

Ответы [ 4 ]

0 голосов
/ 21 июня 2020

Я понимаю, как это может расстраивать. Решение состоит в том, чтобы изменить настройки в TextEdit.

  1. Откройте настройки TextEdit (нажмите TextEdit в верхнем левом углу и выберите «Настройки». Или используйте сочетание клавиш CMD +,)
  2. В Новый документ выберите обычный текст для формата
  3. В Открыть и сохранить отметьте опцию, которая начинается Показать HTML files ...

После внесения этих изменений вы можете скопировать свой HTML код в новый TextEdit и сохранить файл с расширением '. html' и успешно откройте его в браузере.

Удачи в обучении! Надеюсь, это поможет!

PS Я рекомендую использовать более богатый редактор (я использую VScode). В TextEdit нет ничего плохого, но более мощный редактор очень поможет (например, уменьшить количество ошибок, добавить цвета для облегчения понимания и т. Д. c.).

0 голосов
/ 21 июня 2020

Возможно, вы сохранили файл типа helloWorld. html .txt. Обычно это происходит, если вы используете текстовый редактор, например блокнот, и, к сожалению, windows автоматически скрывает часть файла .txt, и вы по-прежнему видите его как файл. html. Можете ли вы просто щелкнуть правой кнопкой мыши по файлу и перейти к свойствам. Тогда пришлите нам скриншот. Надеюсь, это вам поможет.

0 голосов
/ 21 июня 2020

Короткий ответ: вам нужно apache или negnix, и переместите файл в указанную папку.

  1. попробуйте http://localhost или http://127.0.0.1 Вы можете увидеть «Работает!». Если это не так, откройте интерфейс командной строки и введите этот cmd sudo apachectl restart, а затем повторите попытку.

  2. откройте папку /Library/WebServer/Documents. Отредактируйте файл test.html и сохраните свой код. затем откройте http://localhost/test.html.

Теперь вы можете видеть, что код html будет отображаться.

0 голосов
/ 21 июня 2020

Во-первых, я бы порекомендовал лучшее программное обеспечение (IDE), если вы хотите писать код в будущем (особенно в веб-разработке), поскольку это значительно облегчит вашу жизнь. Я бы предложил возвышенный текст или код визуальной студии.

Что касается вашего вопроса, файл. html должен технически работать. Попробуйте дважды щелкнуть файл, и вы попадете в браузер. Если нет, перетащите файл в веб-браузер, и он должен отобразиться. Опять же, если это не сработает, тогда проблема кроется в вашем типе файла / файле в целом.

Если ошибка продолжает повторяться, попробуйте начать с чего-нибудь простого, например: 

<body>
<h1> Test </h1>
</body>

Если это отображается, значит, в коде, который вы изначально вводили ранее, может быть небольшая ошибка.

Надеюсь, это сработает.

...