Веб-сайт — это совокупность веб-страниц, созданных с использованием HTML и другого контента в Интернете в соответствии с определенными правилами для отображения определенного контента.
Веб-страница — это «страница» на веб-сайте. Обычно это файл в формате HTML, который читается браузером.
Веб-страница на самом деле представляет собой файл, размещенный на сервере. Когда мы просматриваем веб-страницу, этот файл загружается на наш локальный компьютер, а затем анализируется браузером для отображения различных красивых интерфейсов, таких как таблицы, изображения, заголовки, списки. и т. д.
Существует множество суффиксов для файлов веб-страниц, таких как .html, .php, .jsp, .asp и т. д. Я думаю, читатели видели их в адресной строке браузера, как показано на следующем рисунке:
URL-адрес можно просмотреть в адресной строке браузера.
Но независимо от того, какой суффикс у веб-страницы, ее суть одна и та же: это обычный текстовый файл, состоящий из HTML-кода.
Мы можем использовать текстовые редакторы, такие как Notepad, Notepad++, Sublime Text и Vim, чтобы открыть файл веб-страницы и просмотреть все его содержимое, как показано ниже:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Эта позиция представляет собой заголовок веб-страницы</title></head><body><p>Эта позиция представляет собой текст содержимого веб-страница</p ><ahref=http://dotcpp.com/>Это место является гиперссылкой</a><ul><li>Проект 1</li><li>Проект 2</li>< li>Проект 3</li></ul></body></html>
Это HTML-код! Мы можем видеть множество специальных тегов, окруженных <>, которые называются тегами HTML. Браузер отображает различные интерфейсы и эффекты, распознавая эти теги HTML.
Сохраните приведенный выше код в index.html, перетащите его в браузер и запустите (или дважды щелкните файл), вы увидите следующий эффект:
Это очень простая и простая веб-страница. Она используется только в качестве примера. HTML-код реальной веб-страницы намного сложнее. Вы можете щелкнуть правой кнопкой мыши по веб-странице и выбрать «Просмотреть веб-страницу». исходный код» во всплывающем меню. Вы можете просмотреть HTML-код текущей веб-страницы.
Веб-страницы идентифицируются и доступны через адрес веб-сайта (URL). Когда мы вводим URL-адрес в веб-браузере, после сложного и быстрого процесса файл веб-страницы будет перенесен на домашний компьютер пользователя, а затем содержимое. веб-страница будет интерпретироваться через браузер, а затем отображаться пользователю.
1. Веб-страница. Проще говоря, с точки зрения пользователя, это то, что вы видите, например Taobao, сеть на языке C и т. д.
2. Файлы. Мы все знаем, что файлы существуют на компьютерах. На рисунке ниже показано, где находятся эти файлы. Конечно, это всего лишь пример.
● На стороне сервера
Это сервер Tomcat под Windows, и просматриваемые вами веб-страницы сохраняются в папке веб-приложений.
●На стороне браузера
Браузер на самом деле представляет собой парсер, который в основном анализирует файлы HTTP, файлы CSS и файлы JS, отправленные с сервера.
На самом деле это очень просто. Веб-страницы — это просто файлы.
3. Компьютер. Как следует из названия, компьютер — это сервер на стороне сервера. Как выглядит сервер? На картинке ниже сервер, можете посмотреть.
4. Адрес веб-сайта (URL):
5. Сложные и быстрые программы: когда файл веб-страницы отправляется, он будет обработан этими программами.
6. Браузер. Браузер интерпретирует три полученных файла через ядро браузера, преобразует их в веб-страницы, которые мы видим, а затем отображает их пользователю.
7. Сведено в картинку:
Если вы хотите понять структуру веб-страницы, вы должны сначала понять организацию W3C.
Консорциум Всемирной паутины (W3C), также известный как Совет W3C. Основана в октябре 1994 года в Лаборатории компьютерных наук Массачусетского технологического института. Основан Тимом Бернерсом-Ли, изобретателем Интернета.
Почти все стандарты веб-страниц созданы этим альянсом. Согласно стандартным стандартам веб-страниц, HTML является основой, файлы CSS отвечают за украшение, а JS отвечает за взаимодействие и действия.
Это простое дерево DOM. Наши сетевые ресурсы можно рассматривать как каждое яблоко на дереве. Такая организация ресурсов значительно улучшит скорость анализа браузером. Наши семейные отношения в повседневной жизни можно наглядно отобразить через такую картину.