Как настроить смартфоны и ПК. Информационный портал
  • Главная
  • Советы
  • Как просмотреть код элемента в яндексе. Как изменить код страницы в Google Chrome

Как просмотреть код элемента в яндексе. Как изменить код страницы в Google Chrome

11.08.2019 Советы

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

Пример 4.1. Исходный код веб-страницы

Пример веб-страницы

Заголовок

Первый абзац.

Второй абзац.

Скопируйте содержимое данного примера и сохраните его в папке c:\www\ под именем example41.html. После этого запустите браузер и откройте файл через пункт меню Файл > Открыть файл (Ctrl+O) . В диалоговом окне выбора документа укажите файл example41.html. В браузере откроется веб-страница, показанная на рис. 4.1.

Рис. 4.1. Результат выполнения примера

Элемент предназначен для указания типа текущего документа - DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, ведь HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать .

Существует несколько видов , они различаются в зависимости от версии HTML, на которую ориентированы. В табл. 4.1. приведены основные типы документов с их описанием.

Табл. 4.1. Допустимые DTD
DOCTYPE Описание
HTML 4.01
Строгий синтаксис HTML.
Переходный синтаксис HTML.
В HTML-документе применяются фреймы.
HTML 5
В этой версии HTML только один доктайп.
XHTML 1.0
Строгий синтаксис XHTML.
Переходный синтаксис XHTML.
Документ написан на XHTML и содержит фреймы.
XHTML 1.1
Разработчики XHTML 1.1 предполагают, что он постепенно вытеснит HTML. Как видите, никакого деления на виды это определение не имеет, поскольку синтаксис один и подчиняется четким правилам.

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

Например, в строгом HTML и XHTML непременно требуется наличие тега , а в переходном HTML его можно опустить и не указывать. При этом помним, что браузер в любом случае покажет документ, независимо от того, соответствует он синтаксису или нет. Подобная проверка осуществляется при помощи валидатора и предназначена в первую очередь для разработчиков, чтобы отслеживать ошибки в документе.</p> <p>В дальнейшем будем применять преимущественно строгий <!DOCTYPE> , кроме случаев, когда это оговаривается особо. Это позволит нам избегать типичных ошибок и приучит к написанию синтаксически правильного кода.</p> <p>Часто можно встретить код HTML вообще без использования <!DOCTYPE> , веб-страница в подобном случае все равно будет показана. Тем не менее, может получиться, что один и тот же документ отображается в браузере по-разному при использовании <!DOCTYPE> и без него. Кроме того, браузеры могут по-своему показывать такие документы, в итоге страница «рассыплется», т.е. будет отображаться совсем не так, как это требуется разработчику. Чтобы не произошло подобных ситуаций, всегда добавляйте <!DOCTYPE> в начало документа.</p><p>Тег <html> определяет начало HTML-файла, внутри него хранится заголовок (<head> ) и тело документа (<body> ).</p><p>Заголовок документа, как еще называют блок <head> , может содержать текст и теги, но содержимое этого раздела не показывается напрямую на странице, за исключением контейнера <title> .</p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </p><p>Тег <meta> является универсальным и добавляет целый класс возможностей, в частности, с помощью метатегов, как обобщенно называют этот тег, можно изменять кодировку страницы, добавлять ключевые слова, описание документа и многое другое. Чтобы браузер понимал, что имеет дело с кодировкой UTF-8 (Unicode transformation format, формат преобразования Юникод) и добавляется данная строка.</p><p> <title>Пример веб-страницы

Тег определяет заголовок веб-страницы, это один из важных элементов предназначенный для решения множества задач. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера (рис. 4.2).</p> <p><img src='https://i0.wp.com/htmlbook.ru/files/images/samhtml/fig_1_04_02.png' height="37" width="194" loading=lazy></p> <p>Рис. 4.2. Вид заголовка в браузере</p> <p>Тег <title> является обязательным и должен непременно присутствовать в коде документа.</p><p>Обязательно следует добавлять закрывающий тег </head> , чтобы показать, что блок заголовка документа завершен.</p><p>Тело документа <body> предназначено для размещения тегов и содержательной части веб-страницы.</p><p> <h1>Заголовок</h1> </p><p>HTML предлагает шесть текстовых заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <h1> представляет собой наиболее важный заголовок первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <h1>...<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.</p><p> <!-- Комментарий --> </p><p>Некоторый текст можно спрятать от показа в браузере, сделав его комментарием. Хотя такой текст пользователь не увидит, он все равно будет передаваться в документе, так что, посмотрев исходный код, можно обнаружить скрытые заметки.</p> <h3>Ctrl + U</h3> <h3>Как посмотреть исходный код элемента?</h3> <p>Нажмите правую кнопку мыши на интересующем элементе страницы.</p> <p>Google Chrome : <b>“Просмотр кода элемента” </b></p> <p>Opera : <b>“Проинспектировать элемент” </b></p> <p><img src='https://i1.wp.com/wordpress-life.ru/wp-content/uploads/2013/10/code_opera.png' height="402" width="261" loading=lazy></p> <p>FireFox : <b>“Анализировать элемент” </b></p> <p><img src='https://i2.wp.com/wordpress-life.ru/wp-content/uploads/2013/10/code_firefox.png' height="298" width="222" loading=lazy></p> <p>В других браузерах ищите подобный по смыслу пункт меню.</p> <p>Всем привет!</p> <p>Специально вначале статьи выложил всю суть, для тех, кто ищет быстрый ответ.</p> <p>Информация может быть многим известна, но поскольку пишу для начинающих блоггеров, веб-программистов и прочих старателей, то эта справочная статья обязательно должна присутствовать.</p> <p>В будущем вы обязательно будете изучать исходный код страниц и отдельных элементов.</p> <p>Давайте посмотрим на конкретном примере как можно использовать просмотр исходного кода страницы.</p> <p>Например, мы хотим посмотреть какие ключевые слова (keywords) используются для конкретной страницы. Заходим на интересующую нас веб-страницу и нажимаем Ctrl+U . В отдельном окне или в отдельной закладке откроется исходный код данной страницы. Нажимаем Ctrl+F <span>для поиска фрагмента кода. В данном случае печатаем в окне поиска слово “<i>keywords”. </i>Вас автоматически перебросит на фрагмент кода с этим мета-тегом и выделит искомое слово. </p> <p>По аналогии можно искать и изучать другие фрагменты кода.</p> <p>Просмотр всего исходного кода страницы в большинстве случаев не очень удобен, поэтому во всех браузерах существует возможность просмотреть код отдельного элемента или фрагмента.</p> <p>Давайте применим на конкретном примере просмотр кода элемента. Например, посмотрим есть ли у ссылки атрибут nofollow . Нажимаем правой кнопкой мыши на интересующей нас ссылке и в выпадающем контекстном меню левой кнопкой кликаем по пункту <span>“Просмотр кода элемента” </span> или подобному (в зависимости от вашего браузера). Внизу, в специальном окне для анализа кода, получаем нечто подобное.</p> <p>Мы видим, что в коде ссылки присутствует rel=”nofollow” . Это значит, что по этой ссылке не будет “утекать” и PR. Об этом подробней поговорим в следующих статьях. Сейчас же важно то, что вы теперь знаете как посмотреть исходный код страницы и исходный код отдельного элемента.</p> <p>Умение <b>изменить исходный код страницы </b> – полезный навык для продвинутого пользователя Интернета. С помощью подмены HTML кода, вы сможете изменить открытую веб-страницу как вам угодно. В этой статье мы расскажем, <b>как изменить код страницы </b> в Google Chrome. Впрочем, в других браузерах все делается аналогично, потому трудностей возникнуть не должно.</p> <h2>Что такое HTML код страницы?</h2> <p>Каждая страница, которую вы открываете в браузере, имеет свой код на языке разметки HTML. Этот код представляет собой теги и текст. Теги это своеобразные метки, которые указывают браузеру, как отображать ту или иную часть сайта. Текст – это наполнение страницы, то, что видит пользователь. Также к странице могут быть подключены CSS стили, которые задают внешний вид элементов страницы. Чтобы <b>изменить исходный код сайта </b> не нужно досконально знать HTML и CSS и скоро вы в этом сами убедитесь.</p> <h2>Зачем изменять веб-страницу?</h2> <p>Вы можете подменить данные на сайте, изменить текст сообщения , сделать фейковый скриншот. Обратите внимание, что все изменения видны только вам и при перезагрузке страницы они исчезнут. Также измененные данные не будут реальными. Например, если у меня на есть 10 долларов, а я изменю на 100, то денег у меня больше не станет. Это лишь отображение страницы браузером. Пример:</p> <p><b>После: </b></p> <p><img src='https://i0.wp.com/mypclife.ru/wp-content/uploads/2017/07/changeHTMLcode2.jpg' align="center" height="274" width="274" loading=lazy></p> <p>Для примера я возьму этот же сайт и изменю предыдущий анонс статьи “ ” Открываю главную страницу в Google Chrome. Нажимаю ПКМ по элементу, который я хочу изменить, например заголовок анонса и выбираю “Посмотреть код”.</p> <p><img src='https://i0.wp.com/mypclife.ru/wp-content/uploads/2017/07/changeHTMLcode4.jpg' align="center" width="100%" loading=lazy></p> <p>В открывшемся окне переходим на вкладку Elements и видим HTML код страницы. В нем нужно найти интересующий нас текст. (подчеркнут красным)</p> <p><img src='https://i2.wp.com/mypclife.ru/wp-content/uploads/2017/07/changeHTMLcode5.jpg' align="center" width="100%" loading=lazy></p> <p>Теперь удалю старый текст и впишу новый.</p> <p><img src='https://i0.wp.com/mypclife.ru/wp-content/uploads/2017/07/changeHTMLcode6.jpg' align="center" width="100%" loading=lazy></p> <p>Вот и все, название анонса изменено. Теперь я изменю сам анонс, метки и рубрику.</p> <p><img src='https://i0.wp.com/mypclife.ru/wp-content/uploads/2017/07/changeHTMLcode7.jpg' align="center" width="100%" loading=lazy></p> <p>Вставить другую картинку можно изменив атрибут src в теге img.</p> <p><img src='https://i0.wp.com/mypclife.ru/wp-content/uploads/2017/07/changeHTMLcode8.jpg' align="center" width="100%" loading=lazy></p> <p>Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».</p> <form onsubmit="return false;" class="innerContentSubscribe_form swpmc-js-form" data-container=".innerContentSubscribe" data-on-success="swptEvents.blogSubscribeSuccess()"> <p> <input class="inputText js-placeholder" type="text" name="email" id="innerContentSubscribeEmail" value=""></p> <p>Подписаться</p> </form> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2017/11/code-3.png' align="center" width="100%" loading=lazy></p> <p>Исходный код сайта – это совокупность HTML-разметки, CSS стилей и скриптов JavaScript, которые браузер получает от веб-сервера.</p> <p><span class="YLlDA5uz9EU"></span></p> <p><b>Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA </b></p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2017/12/yutub.png' height="37" width="178" loading=lazy></p> <p>Его можно сравнить с набором команд, которые дает солдатам командир. Представьте, что зрители не видят и не слышат начальника. С их точки зрения военные самостоятельно выполняют действия. В нашем случае командир – это браузер, команды – это исходный код, а марширующие солдаты – это конечный результат.</p> <p>Хранится сайт на веб-сервере, который отправляет страницу по запросу пользователя. Запрос – это ввод URL в строке адреса, щелчок по ссылке или нажатие на кнопку отправки данных в форме. Не важно, на каком языке написаны веб-страницы, включают ли они программную часть. Конечным результатом работы любого серверного алгоритма является набор html-тегов и текста.<br> Исходный код страницы – это набор данных, включающий в себя:</p> <ul><li>html-разметку;</li> <li>стилевую таблицу или ссылку на файл ;</li> <li>программы, написанные на JavaScript или ссылки на файлы с кодом.</li> </ul><p>Эти три раздела обрабатываются браузером. Для сервера это просто текст, который необходимо отправить в ответ на запрос.</p> <h2>Зачем нам может понадобиться изучать исходный код</h2> <p>Все, что мы увидим, мы сможем проанализировать и применить для решения тех или иных задач, которые возникают в ходе работы с сайтом, особенно при его оптимизации. Просмотрев исходный код, мы можем:</p> <ul><li>Увидеть мета-теги своего или чужого сайта для их анализа.</li> <li>Увидеть наличие или отсутствие некоторых элементов на сайте: счетчиков, кодов идентификации в различных системах, определенных скриптов и прочего.</li> <li>Узнать параметры элементов: размеры, цвета, шрифты.</li> <li>Найти путь к фотографиям и другим элементам, располагающимся на странице.</li> <li>Изучить ссылки со страницы.</li> <li>Найти проблемы с кодом, мешающие в процессе оптимизации сайта: невынесенные в отдельные файлы стили, скрипты, невалидный код.</li> </ul><p>Это основные возможности, но на самом деле, умея читать код, вы сможете узнать о странице намного больше.</p> <h2>Как посмотреть исходный код сайта</h2> <p>Полностью в том виде, в каком он выложен на сервере, из браузера это сделать не удастся. А вот увидеть всю разметку можно, нажав на странице правую кнопку мыши. Здесь и далее на примере Google Chrome.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/09ffa0c60f.png' align="center" width="100%" loading=lazy></p> <p>Выбираем опцию «Просмотр кода страницы» и получаем полный листинг в отдельной вкладке.</p> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2018/02/11e92d1f09.png' align="center" width="100%" loading=lazy></p> <p>Это просто текст, который придется анализировать, чтобы понять. А вот получить интерактивный код можно с помощью инструментов разработчика.</p> <h2>Как найти исходный код страницы сайта</h2> <p>Нажимаем на значок меню в браузере. Чаще всего он находится справа и имеет вид трех точек или полосок.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/712414eef9.png' align="center" width="100%" loading=lazy></p> <p>В разделе дополнительных инструментов выбираем «Инструменты разработчика».</p> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2018/02/48cb60e66c.png' align="center" width="100%" loading=lazy></p> <p>Откроется окно, в котором отображается активное состояние кода. Это значит, что при щелчке мыши на разметке рядом отобразится стиль элемента, а на странице будут подсвечиваться выбранные блоки.</p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2018/02/b5c5367f08.png' align="center" width="100%" loading=lazy></p> <p>Во вкладке «Source» можно просмотреть содержимое некоторых файлов: скрипты, шрифты, изображения.</p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2018/02/8fb9f8a3b8.png' align="center" width="100%" loading=lazy></p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2018/02/3bab1ab266.png' align="center" width="100%" loading=lazy></p> <p>Во вкладке «Security» доступна проверка сертификата сайта.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/6d29a11c3b.png' align="center" width="100%" loading=lazy></p> <p>Вкладка «Audits» поможет провести проверку выложенного на хостинг ресурса.</p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2018/02/1330f57b87.png' align="center" width="100%" loading=lazy></p> <p>Если расположение панели справа неудобно, можно нажать три точки и поменять его, выбрав желаемый пункт.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/7a0e8305f4.png' align="center" width="100%" loading=lazy></p> <h2>Как посмотреть мета-теги</h2> <p>Каждый html-документ включает в себя теги структуры. Вот некоторые из них:</p> <ol><li>Html – весь документ.</li> <li><span>Head – раздел служебных заголовков. </span></li> <li><span>Title – заголовок страницы (отображается на вкладке). </span></li> <li><span>Body – тело документа. </span></li> <li><span>H1-H6 – заголовки текста страницы. </span></li> <li>Article – статья. </li> <li>Section – раздел. </li> <li>Menu – меню. </li> <li>Div – блок. </li> <li>Span – строка. </li> <li>P – абзац. </li> <li>Table – таблица. </li> </ol><p>Элементы предназначены для логического разграничения разделов на странице, при необходимости они оформляются с помощью стилей. В них размещается текст, который так или иначе виден на странице. Но в теге Head присутствует служебная информация. Для ее указания служат мета-теги. Все что в них записано, предназначено для сервера и поисковых систем.</p> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2018/02/b34bb79f96.png' align="center" width="100%" loading=lazy></p> <p>Их содержимое другим способом узнать невозможно.</p> <p>Обратим внимание на тег Link. С его помощью указываются ссылки на внешние подключаемые файлы. При желании можно увидеть содержимое и сохранить на диск. Для этого наведите указатель на адрес и нажмите ПКМ. Выберите пункт «Open in new Tab».</p> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2018/02/1685995ee1.png' align="center" width="100%" loading=lazy></p> <p>В новой вкладке откроется указанный файл, который можно просмотреть или сохранить.</p> <h2>Как посмотреть исходный код страницы для отладки скрипта</h2> <p>В этом случае удобнее всего открывать страницу на локальной машине. Если необходимо только исправить разметку, стили и скрипты, то это можно делать прямо из папки. Html-код просматривается таким же образом. А вот ошибки кода JavaScript можно увидеть во вкладке «Console». Здесь показывает описание ошибки и номер строки, в которой она возникла.</p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2018/02/990abb1c76.png' align="center" width="100%" loading=lazy></p> <p>Синтаксическую можно увидеть непосредственно в коде. Для этого предназначена вкладка «Source».</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/0961303a76.png' align="center" width="100%" loading=lazy></p> <h2>Как посмотреть код конкретного элемента</h2> <p>Для больших страниц с большим количеством элементов сложно найти нужный код во всей разметке. В таком случае следует воспользоваться специальной командой контекстного меню. Наведем мышь на фрагмент и нажмем ПКМ. Выберем команду «Просмотреть код».</p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2018/02/296c218cf5.png' align="center" width="100%" loading=lazy></p> <p>Откроется то же окно, но с фокусировкой на выбранном объекте.</p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2018/02/2eb093fc23.png' align="center" width="100%" loading=lazy></p> <h2>Резюме</h2> <p>Мы рассказали, что такое исходный код страницы. Достаточно освоить элементарные знания HTML и CSS, и пользуясь удобными инструментами разработчика, вы сможете проводить отладку своих собственных html-документов.</p> <p>Просмотр кода ресурсов в интернете позволит вам учиться не только на собственном опыте, но и использовать реальные рабочие примеры. А для seo-специалистов будут полезны мета-теги, информация в которых может сказать о сайте многое.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> <div class="post-social-counters-block"> <div style="margin-top: 12px"> <noindex></noindex> </div> </div> </div> </div> <a name="comments"></a> <h3 class="best-theme-posts-title">Лучшие статьи по теме</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="/kak-otformatirovat-zhestkii-disk-na-makbuke-pravila.html"> <div class="img_container"><img src="/uploads/d13370b45ca73dabf84bd27e43aa465e.jpg" border="0" alt="Правила форматирования жёсткого диска на MacBook" width="320" height="180" / loading=lazy></div> <span class="theme-post-link">Правила форматирования жёсткого диска на MacBook</span> </a> </div> <div class="theme-post col-sm-4"> <a href="/kak-pochistit-besprovodnuyu-myshku-ot-kompyutera-kak-pochistit-myshku-ot.html"> <div class="img_container"><img src="/uploads/0c7bb830d98b45d33d4df54d3df6f1d2.jpg" border="0" alt="Как почистить мышку от грязи — правильный уход за компьютерной мышью" width="320" height="180" / loading=lazy></div> <span class="theme-post-link">Как почистить мышку от грязи — правильный уход за компьютерной мышью</span> </a> </div> <div class="theme-post col-sm-4"> <a href="/lenovo-zuk-z2-pro-tehnicheskie-harakteristiki-obzor-lenovo-zuk-z2--.html"> <div class="img_container"><img src="/uploads/4e8d286cc103fc78f70743041db2cd54.jpg" border="0" alt="Обзор Lenovo ZUK Z2 - бюджетный смартфон с характеристиками флагмана" width="320" height="180" / loading=lazy></div> <span class="theme-post-link">Обзор Lenovo ZUK Z2 - бюджетный смартфон с характеристиками флагмана</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">Категории:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="/category/programs/">Программы</a></li> <li class=""><a href="/category/safety/">Безопасность</a></li> <li class=""><a href="/category/windows-10/">Windows 10</a></li> <li class=""><a href="/category/iron/">Железо</a></li> <li class=""><a href="/category/windows-8/">Windows 8</a></li> <li class=""><a href="/category/vkontakte/">Вконтакте</a></li> <li class=""><a href="/category/errors/">Ошибки</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="https://vk.com/share.php?url=https://bumotors.ru/kak-prosmotret-kod-elementa-v-yandekse-kak-izmenit-kod.html" class="vk social-ico"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://bumotors.ru/kak-prosmotret-kod-elementa-v-yandekse-kak-izmenit-kod.html" class="fb social-ico"></a> <a href="https://www.twitter.com/share?url=https://bumotors.ru/kak-prosmotret-kod-elementa-v-yandekse-kak-izmenit-kod.html" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12"> © 2024 bumotors.ru. Как настроить смартфоны и ПК. Информационный портал. </span> </div> </div> </div> </div> </body> </html>