Как назвать файлы html

Работа с файлами

Web-страница – это файл или множество файлов, расположенных на компьютере или сервере в структуре файловой системы. Как правило, у имени файла есть расширение, предназначенное для определения типа (формата) файла.

О регистре и пробелах

Регистр букв – понятие книгопечатного, типографского и офисного дела, документооборота, полиграфии, лингвистики, шрифтового дизайна; различают верхний (заглавная, прописная буква) и нижний (малая, строчная буква) регистры символов.

Называй папки (директории) и файлы полностью в нижнем регистре без пробелов! Потому что:

• Многие компьютеры, в частности веб-серверы, чувствительны к регистру. Так, например, если изображение в test-site/MyImage.jpg, а затем в другом файле вызвать изображение как test-site/myimage.jpg, это может не сработать.
• Браузеры, веб-серверы и языки программирования не обрабатывают пробелы последовательно. Например, если использовать пробелы в имени файла, некоторые системы могут отнестись к имени файла как к двум именам файлов. Некоторые серверы заменяют пробелы в имени файла на «%20» (символьный код для пробелов в URI), в результате чего все ссылки будут сломаны.
• Лучше разделять слова дефисами, чем нижними подчеркиваниями, в том числе для имен файлов: my-file.html лучше чем my_file.html. Поисковая система Google рассматривает дефис как разделитель слов, но не относится к подчеркиванию таким образом.

Еще раз: пиши названия папок и файлов в нижнем регистре без пробелов, разделяя слова дефисами!

index.html

Основные файлы HTML лучше называть именем index.html, который ищется по умолчанию веб-сервером, если в URL указан не файл, а каталог. То же для других типов: index.php, index.shtml, index.jsp, default.asp. Тогда в ссылках можно указывать только название каталога, это улучшает читаемость URL-адреса.

Медиа тип или MIME-тип

Multipurpose Internet Mail Extensions, является стандартом (полный список), который описывает природу и формат документа, файла или набора байтов.

• Простейший MIME тип состоит из типа и подтипа – двух строк, разделённых наклонной чертой (/), без использования пробелов.
• Необязательный параметр может быть добавлен для указания дополнительных деталей. Например, для MIME типов катогории text, необязательный параметр charset может быть задан для уточнения кодировки: text/plain;charset=UTF-8
• Все типы можно разделить на два класса: дискретные и многокомпонентные. Дискретные типы представляют одиночные файлы, например, одиночный текстовый, музыкальный или видео файл. Многокомпонентные типы представляют документы, составленные из нескольких частей, каждая из которых может иметь свой отдельный MIME тип, или они могут заключать в себе несколько отдельных файлов, передаваемых в одном сообщении.

Распространенные типы файлов и их MIME-типы

• Страница, написанная на языке разметки HTML, имеет расширение .html или, реже, .htm и MIME-тип text/html
• Файл, содержащий каскадные листы стилей, имеет расширение .css, обязательно text/css
• Файлы, написанные на языках программирования JavaScript, PHP имеют расширения .js, .php, application/javascript, text/javascript (устарел), application/php (не в стандарте!) и application/octet-stream соответственно
• Иконка – .ico, .png, image/x-icon, image/png
• Изображения – .jpg, .jpeg, .jfif, .gif, .png, .apng, .bmp, .webp, .svg, .svgz, image/jpeg, image/gif, image/png, image/apng, image/bmp, image/webp, image/svg+xml
• Шрифты – .woff, .ttf, .otf, font/woff, font/ttf и font/otf
• Данные в форматах CSV, JSON, XML – .csv, .json, .xml, text/csv, application/json, application/xml, text/xml
• Разметка Markdown – .md, .markdown, text/markdown
• Документ PDF – .pdf, application/pdf

Ссылки

Источник

Как назвать .css файл?

Недавно смотрел обучающие видео уроки, дабы закрепить полученный материал. И автор в одном видео ролике сказал , что самый первый .html файл по этикету лучше называть «index.html». Вопрос таков, как называют .css файл?

style.css
styles.css
А вообще — пофигу!
Вы же на него ссылку указываете для подгрузки, а не для вывода в заголовке страницы.

Во первых: файл index.html называется так не просто так :), а потому что такая настройка по умолчанию у http-серверов (apache, nginx и др.). И менять эту настройку — это создавать себе дополнительные проблемы в будущем (например при переезде на новый сервер).

Во вторых: CSS (Cascading Style Sheets) — каскадные таблицы стилей или по другому «правила оформления внешнего вида веб-страниц». Вот как Вы бы назвали свод правил или кучу таблиц «стиль» или «стили»? Как Вы называете хранилище фильмов «фильм» или «фильмы»? Для хранения множества однотипных объектов предпочтительно использовать название во множественном числе (например стили, фильмы), если нет названия в единственном числе (гараж, амбар, хранилище, куча, всякая хрень).

В третьих: на вкус и цвет все фломастеры разные — как хотите, так и называйте. Но лучше так, чтобы название как можно точнее отражало суть содержимого. Это касается всего: и названия переменных в коде, и названия файлов, и вообще названия любых сущностей 🙂

Источник

Как назвать файлы HTML

Имена файлов являются частью вашего URL и, следовательно, являются важной частью вашего HTML.

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

Не используйте специальные символы

Для достижения наилучших результатов вы должны использовать только буквы a-z, A-Z, цифры 0-9, дефисы (-), подчеркивания (_) и точки (.). Любой другой символ может вызвать у вас проблемы, из-за чего файл не загружается или страница загружается неправильно.

Не используйте пробелы

Большинство операционных систем могут без проблем обрабатывать документы с пробелами в имени файла, но это не очень хорошая идея для документов веб-страниц. Проблема в том, что когда отображается URL-адрес, он обычно отображается с подчеркиванием. И так много людей интерпретируют пробел как символ подчеркивания, и поэтому не могут попасть на вашу страницу. Кроме того, для использования пробела в URL-адресе или имени веб-файла многие браузеры требуют, чтобы этот пробел был закодирован – либо в виде знака плюс (+), либо% 20.

Начать имя файла с буквы

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

Использовать все строчные

Это также не является абсолютным требованием, но это хороший план для поддержания вашего сайта. Хотя многие операционные системы персональных компьютеров не чувствительны к регистру, большинство операционных систем веб-сервера чувствительны к регистру. Это означает, что ваш компьютер с Windows может увидеть «Filename.htm» так же, как «filename.htm», но ваш веб-сервер увидит это как два разных файла. Это очень распространенная причина, по которой изображения не отображаются на новичках.

Ваши имена файлов должны быть короткими

Хотя общая длина URL-адреса составляет около 2000 символов, хорошей идеей будет сделать все как можно короче, не жертвуя удобочитаемостью. Мы рекомендуем создавать имена файлов длиной не более четырех или пяти слов – или около 30-50 символов.

Не забудьте расширение файла

Большинство редакторов HTML добавляют расширение для вас, но если вы пишете свой HTML в текстовом редакторе, таком как Блокнот, вам нужно будет включить его самостоятельно. У вас есть два варианта для файлов HTML:

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

Соглашения об именах файлов HTML

Когда вы называете свои HTML-файлы, вы должны помнить следующее:

• Люди читают URL-адреса и ссылки, чтобы понять, какой будет эта страница. Если ваше имя файла ясно, то вы дадите своим читателям больше уверенности в своем сайте.
• Использование слов, разделенных дефисами, может помочь в SEO, поскольку поисковые системы также читают URL-адреса.
• Несмотря на то, что CamelCase пользуется популярностью среди экспертов по брендингу, его очень трудно прочитать. Кроме того, вы рискуете из-за того, что файловая система с учетом регистра не распознает, что «filename.htm» и «fileName.htm» – это один и тот же файл.
• Соблазнительно называть файлы на основе дат или других произвольных методов, но редактирование файлов позже может быть очень трудным. Если вы искали файл с именами файлов, который, по вашему мнению, содержал бы информацию, тот, который назывался “aa072700a.htm” или тот, который назывался “files-and-filenames.htm”?

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

Источник