Вопрос №31303 от пользователя Валентина Васильева в уроке «HTML», курс «Введение в веб-разработку»
добрый день, не получается сделать эту страницу с index.html. в чем может быть проблема? в браузере фактичести тот же тест с тегами. расширение проверила. этот же код в plunker открывается. если имеет значение, использую mac, браузеры сафари и мозилла. спасибо заранее.
На каком именно этапе не получается сделать index.html? Что-то не отображается при открытии страницы в браузере?
Здравствуйте, Никита, файл сделан, помещен в папку. при кликаньи на него «открыть с помощью сафари» (то же файрфокс) открывается браузер, но в нем именно этот текст со всеми тегами. если тот же текст загоняю в plunker, там выдает нормальное отображение страницы (видимо, как предполагалось). но на самом компе — только сам текст с тегами..(
Такое поведение может быть связано с неправильным расширением файла. Возможно у вас не .html , а что-нибудь а-ля .html.txt , в таких случаях браузер не будет обрабатывать файл, как HTML страницу. Я знаю, что вы проверили расширение файла, но ошибка точно не может быть связана с тем, что внутри неправильная разметка. Браузер её всё равно должен отобразить (как сможет).
Через что вы создаёте и редактируете файл?
У меня была такая проблема, поменял вручную на html и заработало, файл создавал через Notepad+
Такая же проблема. Отображается текст с тегами в браузере. В чем дело? Расширение файла html. Создавал через textedit на MacOS. enter link description here
draught, Здравствуйте
А какое содержание у вашего файла?
Nikita Mikhaylov,
Title name="description" content="My first page"> Hello, World! One Two
Этот же текст и выводится на экран при вызове файла через браузер.
Попробуйте через редактор создать новый файл с расширением .html и вставить эту разметку. Проблем в ней нет и браузер должен правильно интерпретировать его.
Nikita Mikhaylov, да в самой логике и проверке правильности создания файла проблем нет) Проблема именно в macOs. На Windows создал — все работает сразу. В macOs проверил и расширение файла в свойствах, и при открывании через браузер имя файла указано с расширением html, и галочка снята «скрыть расширение файла». Мини-тупик)
Nikita Mikhaylov, Вот все скрины по данной проблеме enter link description here enter link description here
Попробовал создать файл в VS Code. Работает. Проблема в итоге во встроенном текстовом редакторе textedit.
Структура документа
Во многих HTML-документах, созданных в специальных редакторах типа Dreamweaver, перед открывающимся тегом нередко можно увидеть тег , с помощью которого объявляется тип и формат содержимого документа. Однако современные Web-браузеры обрабатывают документы и без него. Ниже приведено содержимое тега :
Здесь определен тип документа HTML, публичное DTD-описание которого принадлежит организации W3C, соответствует стандарту HTML 4.01 и ориентировано на английскоязычные документы.
Если HTML-документ без тега открыть в браузере Internet Explorer, а затем выполнить команду Файл -> Сохранить как, выбрав при этом тип файла html, то браузер добавит в сохраняемый файл тег .
Возможны следующие версии DTD (Document Type Definition — определение типа документа):
- Strict DTD — исключает все нерекомендованные консорциумом W3C теги и атрибуты, такие как , , align и другие, связанные с форматированием, которые можно заменить соответствующими параметрами CSS.
- Transitional DTD — включает все версии Strict DTD,а также все нерекомендованные элементы для обеспечения обратной совместимости со всеми существующими браузерами.
- Frameset DTD — включает такие же элементы, что и Transitional DTD,а также элементы, необходимые для Web-страниц с фреймовой структурой.
Раздел HEAD содержит техническую информацию о странице — заголовке, ее описание и ключевые слова для поисковых машин, данные об авторе и времени создания страницы, базовом адресе страницы и т.д. и расположен в контейнерном теге . В этом теге размещаются также следующие теги:
Заголовок страницы — единственный обязательный тег, текст которого отображается в окне веб-браузера. Длина заголовка должна быть не более 60 символов, иначе он полность не поместится в заголовке окна;- — одинарный тег, задает описание содержимого страницы и ключевые слова для поисковых машин;
- — одинарный тег, базовый URL-адрес документа;
- — одинарный тег связи между документами;
- — контейнерный тег, размещающий таблицу стилей;
- — контейнерный тег, размещающий код сценария.
Информация, содержащаяся в тегах , не отображается веб-браузером, однако имеет важное значение. Если текст между тегами
Где, description— описание документа. Один из наиболее важных параметров. Информация, содержащаяся в нем, влияет на результаты поиска, осуществляемого поисковыми системами
Где, keywords — ключевые слова, Набор слов и фраз, наиболее полно характеризующий данный документ, который является основным критерием поиска вашего документа поисковыми системами. В конечном счете, эти слова учитываются при выдаче результатов поиска и способствуют повышению рейтинга сайта.
Кроме того, тег позволяет запретить или разрешить индексацию веб-страницы поисковыми машинами:
В параметре contentуказывается комбинация следующих значений:
Что такое расширение файла HTML?
Расширение файла HTML включает в себя один основных типов файлов и его можно открыть с помощью Microsoft Notepad (разработчик — Microsoft Corporation). В общей сложности с этим форматом связано всего семнадцать программное (-ых) обеспечение (-я). Чаще всего они имеют тип формата Hypertext Markup Language File. Чаще всего файлы HTML классифицируют, как Web Files.
Файлы с расширением HTML были идентифицированы на настольных компьютерах (и некоторых мобильных устройствах). Они полностью или частично поддерживаются Windows, Mac и Linux. Рейтинг популярности файлов HTML составляет «Низкий». Это означает, что они не часто встречаются на большинстве устройств.
Интересно узнать больше о расширении файла HTML? Для того, чтобы узнать о программе, открывающей файлы HTML, а также ознакомиться с другими советами по устранению неполадок, рекомендуется обратиться к подробной информации о файле, представленной ниже.
Формат файла HTML — описание, как открыть?
Файл формата HTML открывается специальными программами. Чтобы открыть данный формат, скачайте одну из предложенных программ.
Чем открыть файл в формате HTML
Документ с расширением HTM или HTML написан на языке гипертекстовой разметки и является стандартным типом файла веб-страницы в Интернете.
Что находится в файлах .HTML
HTM файлы содержат текст, а также текстовые ссылки на другие внешние файлы (например, на изображение в этой статье). HTM и HTML файлы также могут ссылаться на другие – такие, как видео, CSS или JS-файлы.
Идея была предложена в 1989 году Тимом Бернерсом-Ли, когда нужно было расширение, позволяющее браузерам считывать кодировку и преобразовывать ее в знаки препинания, форматированные тексты, гиперссылки, изображения, видеозаписи или другие медиа-файлы. Пользователь, заходя на какой-либо сайт, может видеть только конечный результат работы браузера с HTML, если она была завершена корректно. Сами содержимое стороннего файла можно увидеть при помощи функции «Просмотр исходного кода страницы».
Чем открыть HTML файл
Любой веб-браузер – такой, как Яндекс.Браузер, Internet Explorer, Firefox, Chrome, Opera и т. д. — откроет и правильно отобразит любые HTM и HTML файлы. Другими словами, открытие одного из таких документов в браузере будет расшифровкой того, что написано в HTM или HTML файле.
Существует множество программ, которые облегчают редактирование и создание HTM или HTML файлов. Eclipse, Komodo Edit и Bluefish – это лишь некоторые популярные бесплатные редакторы HTML. Другой популярной программой для работы HTM/HTML со множеством дополнительных функций является Adobe Dreamweaver, однако она не предлагается пользователям бесплатно. Для конвертации HTML можно воспользоваться программой Convertin.io.
Чтобы просмотреть код в таких файлах и вносить в него изменения, можно использовать обыкновенный текстовый редактор, хоть его функционал и ограничен в сравнении со специальными приложениями. Notepad ++, вероятно, станет самым удобным вариантом. В Блокноте, стандартной программе для Windows, также можно редактировать формат HTML, но она разработана не для такой задачи, из-за чего процесс редактирования кода вызывает сложности у тех, кто не очень хорошо знаком с языком гипертекстовой разметки.
Тип файла: Hypertext Markup Language File Категория: Интернет, web файлы
Закодированная в HTML (аналогично хтмл) веб-страница, которая может отображаться в веб-браузере. Форматирует текст, таблицы, изображения и другое содержимое, которое отображается на странице. Большинство страниц на статических веб-сайтах используют расширение «.html».
Исходный код HTML анализируется веб-браузером и чаще всего не виден пользователю. Если вы хотите просмотреть исходный код веб-страницы, выберите в меню View веб-браузера опцию «View Source». Поскольку файлы HTML хранятся в стандартном текстовом формате, их можно открывать и редактировать с помощью базового текстового редактора.
Чем открыть файл в формате HTML (Hypertext Markup Language File)