Появляется код на странице сайта, не прописанный в html

@AmFi · Регистрация: 19.11.2014

Студворк — интернет-сервис помощи студентам

Добрый день,
Делал свой первый сайт вручную, проблема такая:
Когда страница в корне сайта и путь к файлам стилей прописан из корня - отображается все нормально.
Когда страница во вложенной папке, но пути ко всем файлам стиля прописаны верно - отображение идет без стиля, а на странице появляется код, которого нет в html страницы.
Вот head страницы в блокноте, если убрать noscript теги - все отображается нормально, но мне надо его оставить.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<head>
        <title>asd</title>
        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <script src="../js/jquery.min.js"></script>
        <script src="../js/jquery.dropotron.min.js"></script>
        <script src="../js/skel.min.js"></script>
        <script src="../js/skel-layers.min.js"></script>
        <script src="../js/init.js"></script>
        <noscript>
            <link rel="stylesheet" href="../css/skel.css" />
            <link rel="stylesheet" href="../css/style.css" />
            <link rel="stylesheet" href="../css/style-wide.css" />
        </noscript>
    </head>

Вот head страницы, который отображает браузер по F12

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<head><meta name="viewport" content="user-scalable=yes,width=device-width,initial-scale=1"><style type="text/css">html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}</style><style type="text/css">*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}</style><meta name="viewport" content="initial-scale=1">
        <title>asd</title>
        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
        <script src="../js/jquery.min.js"></script>
        <script src="../js/jquery.dropotron.min.js"></script>
        <style type="text/css">.row{border-bottom:solid 1px transparent}.row>*{float:left}.row:after,.row:before{content:"";display:block;clear:both;height:0}.row.uniform>*>:first-child{margin-top:0}.row.uniform>*>:last-child{margin-bottom:0}.\31 2u,.\31 2u\24{width:100%;clear:none;margin-left:0}.\31 1u,.\31 1u\24{width:91.6666666667%;clear:none;margin-left:0}.\31 0u,.\31 0u\24{width:83.3333333333%;clear:none;margin-left:0}.\39 u,.\39 u\24{width:75%;clear:none;margin-left:0}.\38 u,.\38 u\24{width:66.6666666667%;clear:none;margin-left:0}.\37 u,.\37 u\24{width:58.3333333333%;clear:none;margin-left:0}.\36 u,.\36 u\24{width:50%;clear:none;margin-left:0}.\35 u,.\35 u\24{width:41.6666666667%;clear:none;margin-left:0}.\34 u,.\34 u\24{width:33.3333333333%;clear:none;margin-left:0}.\33 u,.\33 u\24{width:25%;clear:none;margin-left:0}.\32 u,.\32 u\24{width:16.6666666667%;clear:none;margin-left:0}.\31 u,.\31 u\24{width:8.3333333333%;clear:none;margin-left:0}.\31 2u\24+*,.\31 1u\24+*,.\31 0u\24+*,.\39 u\24+*,.\38 u\24+*,.\37 u\24+*,.\36 u\24+*,.\35 u\24+*,.\34 u\24+*,.\33 u\24+*,.\32 u\24+*,.\31 u\24+*{clear:left;}.\-11u{margin-left:91.6666666667%}.\-10u{margin-left:83.3333333333%}.\-9u{margin-left:75%}.\-8u{margin-left:66.6666666667%}.\-7u{margin-left:58.3333333333%}.\-6u{margin-left:50%}.\-5u{margin-left:41.6666666667%}.\-4u{margin-left:33.3333333333%}.\-3u{margin-left:25%}.\-2u{margin-left:16.6666666667%}.\-1u{margin-left:8.3333333333%}</style><style type="text/css">.container{margin-left:auto;margin-right:auto;width:1200px}.container.\31 25\25{width:100%;max-width:1500px;min-width:1200px}.container.\37 5\25{width:900px}.container.\35 0\25{width:600px}.container.\32 5\25{width:300px}</style><style type="text/css">.row>*{padding:40px 0 0 40px}.row{margin:-40px 0 -1px -40px}.row.uniform>*{padding:40px 0 0 40px}.row.uniform{margin:-40px 0 -1px -40px}.row.\32 00\25>*{padding:80px 0 0 80px}.row.\32 00\25{margin:-80px 0 -1px -80px}.row.uniform.\32 00\25>*{padding:80px 0 0 80px}.row.uniform.\32 00\25{margin:-80px 0 -1px -80px}.row.\31 50\25>*{padding:60px 0 0 60px}.row.\31 50\25{margin:-60px 0 -1px -60px}.row.uniform.\31 50\25>*{padding:60px 0 0 60px}.row.uniform.\31 50\25{margin:-60px 0 -1px -60px}.row.\35 0\25>*{padding:20px 0 0 20px}.row.\35 0\25{margin:-20px 0 -1px -20px}.row.uniform.\35 0\25>*{padding:20px 0 0 20px}.row.uniform.\35 0\25{margin:-20px 0 -1px -20px}.row.\32 5\25>*{padding:10px 0 0 10px}.row.\32 5\25{margin:-10px 0 -1px -10px}.row.uniform.\32 5\25>*{padding:10px 0 0 10px}.row.uniform.\32 5\25{margin:-10px 0 -1px -10px}.row.\30 \25>*{padding:0}.row.\30 \25{margin:0 0 -1px 0}</style><style type="text/css">.\31 2u\28 global\29,.\31 2u\24\28 global\29{width:100%;clear:none;margin-left:0}.\31 1u\28 global\29,.\31 1u\24\28 global\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\28 global\29,.\31 0u\24\28 global\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\28 global\29,.\39 u\24\28 global\29{width:75%;clear:none;margin-left:0}.\38 u\28 global\29,.\38 u\24\28 global\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\28 global\29,.\37 u\24\28 global\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\28 global\29,.\36 u\24\28 global\29{width:50%;clear:none;margin-left:0}.\35 u\28 global\29,.\35 u\24\28 global\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\28 global\29,.\34 u\24\28 global\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\28 global\29,.\33 u\24\28 global\29{width:25%;clear:none;margin-left:0}.\32 u\28 global\29,.\32 u\24\28 global\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\28 global\29,.\31 u\24\28 global\29{width:8.3333333333%;clear:none;margin-left:0}.\31 2u\24\28 global\29+*,.\31 1u\24\28 global\29+*,.\31 0u\24\28 global\29+*,.\39 u\24\28 global\29+*,.\38 u\24\28 global\29+*,.\37 u\24\28 global\29+*,.\36 u\24\28 global\29+*,.\35 u\24\28 global\29+*,.\34 u\24\28 global\29+*,.\33 u\24\28 global\29+*,.\32 u\24\28 global\29+*,.\31 u\24\28 global\29+*{clear:left;}.\-11u\28 global\29{margin-left:91.6666666667%}.\-10u\28 global\29{margin-left:83.3333333333%}.\-9u\28 global\29{margin-left:75%}.\-8u\28 global\29{margin-left:66.6666666667%}.\-7u\28 global\29{margin-left:58.3333333333%}.\-6u\28 global\29{margin-left:50%}.\-5u\28 global\29{margin-left:41.6666666667%}.\-4u\28 global\29{margin-left:33.3333333333%}.\-3u\28 global\29{margin-left:25%}.\-2u\28 global\29{margin-left:16.6666666667%}.\-1u\28 global\29{margin-left:8.3333333333%}.\31 2u\28 wide\29,.\31 2u\24\28 wide\29{width:100%;clear:none;margin-left:0}.\31 1u\28 wide\29,.\31 1u\24\28 wide\29{width:91.6666666667%;clear:none;margin-left:0}.\31 0u\28 wide\29,.\31 0u\24\28 wide\29{width:83.3333333333%;clear:none;margin-left:0}.\39 u\28 wide\29,.\39 u\24\28 wide\29{width:75%;clear:none;margin-left:0}.\38 u\28 wide\29,.\38 u\24\28 wide\29{width:66.6666666667%;clear:none;margin-left:0}.\37 u\28 wide\29,.\37 u\24\28 wide\29{width:58.3333333333%;clear:none;margin-left:0}.\36 u\28 wide\29,.\36 u\24\28 wide\29{width:50%;clear:none;margin-left:0}.\35 u\28 wide\29,.\35 u\24\28 wide\29{width:41.6666666667%;clear:none;margin-left:0}.\34 u\28 wide\29,.\34 u\24\28 wide\29{width:33.3333333333%;clear:none;margin-left:0}.\33 u\28 wide\29,.\33 u\24\28 wide\29{width:25%;clear:none;margin-left:0}.\32 u\28 wide\29,.\32 u\24\28 wide\29{width:16.6666666667%;clear:none;margin-left:0}.\31 u\28 wide\29,.\31 u\24\28 wide\29{width:8.3333333333%;clear:none;margin-left:0}.\31 2u\24\28 wide\29+*,.\31 1u\24\28 wide\29+*,.\31 0u\24\28 wide\29+*,.\39 u\24\28 wide\29+*,.\38 u\24\28 wide\29+*,.\37 u\24\28 wide\29+*,.\36 u\24\28 wide\29+*,.\35 u\24\28 wide\29+*,.\34 u\24\28 wide\29+*,.\33 u\24\28 wide\29+*,.\32 u\24\28 wide\29+*,.\31 u\24\28 wide\29+*{clear:left;}.\-11u\28 wide\29{margin-left:91.6666666667%}.\-10u\28 wide\29{margin-left:83.3333333333%}.\-9u\28 wide\29{margin-left:75%}.\-8u\28 wide\29{margin-left:66.6666666667%}.\-7u\28 wide\29{margin-left:58.3333333333%}.\-6u\28 wide\29{margin-left:50%}.\-5u\28 wide\29{margin-left:41.6666666667%}.\-4u\28 wide\29{margin-left:33.3333333333%}.\-3u\28 wide\29{margin-left:25%}.\-2u\28 wide\29{margin-left:16.6666666667%}.\-1u\28 wide\29{margin-left:8.3333333333%}</style><style type="text/css">.not-global,.not-wide{display:none!important}.only-normal,.only-narrow,.only-narrower,.only-mobile,.only-mobilep{display:none!important}</style>
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <link rel="stylesheet" type="text/css" href="css/style-wide.css">
        <script src="../js/skel.min.js"></script>
        <script src="../js/skel-layers.min.js"></script>
        <script src="../js/init.js"></script>
        <noscript>
            <link rel="stylesheet" href="../css/skel.css" />
            <link rel="stylesheet" href="../css/style.css" />
            <link rel="stylesheet" href="../css/style-wide.css" />
        </noscript>
        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
    </head>

Строки 10-12 понятно отображают стиль для разных видов экранов
я не могу найти строки 11 и 12, чтобы прописать "../" для фалов стилей, если прописать вручную в браузере - стиль тут же подгружается.
Подскажите, где искать?

Добавлено через 1 час 7 минут
Фух, вроде заработало.

В общем, поставил на страницах, которые в папках, в head <base href="../"> и все файлы с папками прописал будто захожу из корня. Подскажите, все ли правильно сделал или есть другой вариант?

@Academik · 05.11.2019, 22:32

Сообщение от AmFi

Подскажите, все ли правильно сделал или есть другой вариант?

Указывайте пути к ресурсам от корня сайта.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .