Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Как посмотреть исходный код (html код) страницы?

Ctrl + U

Как посмотреть исходный код элемента?

Нажмите правую кнопку мыши на интересующем элементе страницы.

Далее в контекстном меню кликните левой кнопкой по пункту

Google Chrome: “Просмотр кода элемента”

Просмотр кода элемента в браузере Google Chrome

Opera: “Проинспектировать элемент”

Инспектирование кода элемента в браузере Opera

FireFox: “Анализировать элемент”

Анализ кода элемента в браузере FireFox

 

В других браузерах ищите подобный по смыслу пункт меню.

Всем привет!

Специально вначале статьи выложил всю суть, для тех, кто ищет быстрый ответ.

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

В будущем вы обязательно будете изучать исходный код страниц и отдельных элементов.

Давайте посмотрим на конкретном примере как можно использовать просмотр исходного кода страницы.

Например, мы хотим посмотреть какие ключевые слова (keywords) используются для конкретной страницы. Заходим на интересующую нас веб-страницу и нажимаем Ctrl+U. В отдельном окне или в отдельной закладке откроется исходный код данной страницы. Нажимаем Ctrl+F для поиска фрагмента кода. В данном случае печатаем в окне поиска слово “keywords”. Вас автоматически перебросит на фрагмент кода с этим мета-тегом и выделит искомое слово.

Поиск в исходном коде keywords

По аналогии можно искать и изучать другие фрагменты кода.

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

Давайте применим на конкретном примере просмотр кода элемента. Например, посмотрим есть ли у ссылки атрибут nofollow. Нажимаем правой кнопкой мыши на интересующей нас ссылке и в выпадающем контекстном меню левой кнопкой кликаем по пункту “Просмотр кода элемента” или подобному (в зависимости от вашего браузера). Внизу, в специальном окне для анализа кода, получаем нечто подобное.

Просмотр исходного кода элемента

 

Мы видим, что в коде ссылки присутствует rel=”nofollow”. Это значит, что по этой ссылке не будет “утекать” и PR. Об этом подробней поговорим в следующих статьях. Сейчас же важно то, что вы теперь знаете как посмотреть исходный код страницы и исходный код отдельного элемента.

Вы можете пропустить чтение записи и оставить комментарий. Размещение ссылок запрещено.


Источник: http://wordpress-life.ru/kak-posmotret-ishodnyiy-kod-stranitsyi-i-kod-elementa.html

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента

Почему не получается просмотреть код элемента