Misplaced Pages

Web page: Difference between revisions

Article snapshot taken from Wikipedia with creative commons attribution-sharealike license. Give it a read and then ask your questions in the chat. We can research this topic together.
Browse history interactively← Previous editContent deleted Content addedVisualWikitext
Revision as of 16:05, 23 April 2021 editMindmatrix (talk | contribs)Autopatrolled, Administrators187,460 edits partial revert - this is ambiguous, as it is not the browser that is supplied by the websiteTag: Reverted← Previous edit Latest revision as of 15:23, 23 December 2024 edit undoDB1729 (talk | contribs)Extended confirmed users, Pending changes reviewers, Rollbackers137,745 editsm Reverted 1 edit by 2403:6200:8852:4E9F:1A7F:9B35:7847:7ACB (talk) to last revision by JohnuniqTags: Twinkle Undo 
(410 intermediate revisions by more than 100 users not shown)
Line 1: Line 1:
{{short description|Content provided by a website}} {{short description|Content provided by a website}}
{{Use dmy dates|date=March 2024}}
] of a website displayed in a web browser]]
] website is a distinct web page. The ] is visible in the browser's ] at the top.]]


A '''web page''' (or '''webpage''') is a specific assortment of media content provided by a ] that is displayed to a ] in a ]. A website typically consists of many web pages ] together in a consistent ]. The name "web page" is a metaphor for a single ] in a ]. A '''web page''' (or '''webpage''') is a document on ] that is accessed in a ].<ref name=":0">{{cite web |title=Web page – definition of web page by The Free Dictionary |url=https://www.thefreedictionary.com/web+page |access-date=23 April 2021 |archive-date=23 April 2021 |archive-url=https://web.archive.org/web/20210423170632/https://www.thefreedictionary.com/web+page |url-status=live }}</ref> A ] typically consists of many web pages ] together under a common ]. The term "web page" is therefore a ] of paper pages bound together into a book.

⚫ == Navigation ==
{{main|Web navigation}}
⚫ Each web page is identified by a distinct ] (URL). When the user inputs a URL into their ], the browser retrieves the necessary content from a ] and then ] it into an interactive visual representation on the user's screen.<ref>{{cite web|url=http://taligarsiel.com/Projects/howbrowserswork1.htm|title=Behind the scenes of modern web browsers|publisher=Tali Garsiel|access-date=2018-04-21|archive-date=2018-04-18|archive-url=https://web.archive.org/web/20180418175529/http://taligarsiel.com/Projects/howbrowserswork1.htm|url-status=live}}</ref>

⚫ If the user ] or ] a ], the browser repeats this process to load the new URL, which could be part of the current website or a different one. The browser has ], such as the ], that indicate which page is displayed.


==Elements== ==Elements==
] of ] from 2008]]


The core element of a web page is one or more ]s written in the ] (HTML).<ref name="elems"/> Many web pages also make use of ] ] for ] and ] (CSS) code for ].<ref name="elems">{{cite book|last1=Flanagan|first1=David|title=JavaScript - The definitive guide|page=1|edition=6|quote=JavaScript is part of the triad of technologies that all Web developers must learn: HTML to specify the content of web pages, CSS to specify the presentation of web pages and JavaScript to specify the behaviour of web pages.}}</ref> ] ]s can also be used for portions of page behavior. ]s, ]s, and other ] files are often embedded in web pages. A web page is a ]. The core element is a ] written in the ] (HTML). This specifies the content of the page,<ref name="elems">{{Cite book|last=Flanagan|first=David|url=https://www.worldcat.org/oclc/686709345|title=JavaScript: the definitive guide|date=18 April 2011|publisher=O'Reilly|isbn=978-1-4493-9385-4|location=Beijing; Farnham|page=1|language=English|oclc=686709345|quote=JavaScript is part of the triad of technologies that all Web developers must learn: HTML to specify the content of web pages, CSS to specify the presentation of web pages, and JavaScript to specify the behavior of web pages.}}</ref> including ]s and ].


] (CSS) specify the ] of the page.<ref name="elems"/> CSS rules can be in separate text files or embedded within the HTML file.
⚫ == Navigation==


The vast majority<ref>{{cite web |title=Usage Statistics of JavaScript as Client-side Programming Language on Websites |url=https://w3techs.com/technologies/details/cp-javascript |access-date=2024-02-27 |website=W3Techs}}</ref> of pages have ] ]s, enabling a ] of behavior.<ref name="elems"/> The newer ] language can also be used as a ].<ref>{{cite web |title=The State of WebAssembly 2023 |url=https://blog.scottlogic.com/2023/10/18/the-state-of-webassembly-2023.html |publisher=Scott Logic |date=18 October 2023 |access-date=18 April 2024}}</ref>
⚫ Each web page is identified by a distinct ] (URL). When the user inputs a URL into their browser, that page's elements are downloaded from ]s. The browser then ] all of the elements into an interactive visual representation on the user's device.<ref>{{cite web|url=http://taligarsiel.com/Projects/howbrowserswork1.htm|title=Behind the scenes of modern web browsers|publisher=Tali Garsiel|access-date=2018-04-21}}</ref>


The most sophisticated web pages, known as ], combine these elements in a ].
⚫ If the user ] or ] a ] to another page, the browser repeats this process to display the new page, which could be part of the current website or a different one.


== Deployment == == Deployment ==
⚫ From the perspective of ] website deployment, there are two types of web pages: ] and ]. Static pages are retrieved from the web server's ] without any modification,<ref>{{cite web|url=https://smallbusiness.chron.com/difference-between-dynamic-static-pages-69951.html|title=The Difference Between Dynamic & Static Web Pages|last=Melendez|first=Steven|date=2018-08-10|website=Chron|archive-url=https://web.archive.org/web/20190320233700/https://smallbusiness.chron.com/difference-between-dynamic-static-pages-69951.html|archive-date=2019-03-20|access-date=2019-03-20|quote=Static by definition means something that does not change. The first pages on the World Wide Web were largely static and unchanged, delivering the same information about a particular topic to anyone who visited. In some cases, sites may evolve slightly over time but are still largely static, meaning that they only change when manually changed by their creators, not on a regular and automated basis.|df=dmy-all}} </ref> while dynamic pages must be created by the server ], typically reading from a ] to fill out a ], before being sent to the user's browser.<ref>{{cite web|url=https://www.pcmag.com/encyclopedia/term/42199/dynamic-web-page|title=Definition of: dynamic Web page|website=]|archive-url=https://web.archive.org/web/20170117040526/https://www.pcmag.com/encyclopedia/term/42199/dynamic-web-page|archive-date=2017-01-17|access-date=2019-03-20|quote=A Web page that provides custom content for the user based on the results of a search or some other request.|df=dmy-all}}</ref> An example of a dynamic page is a ].


== See also ==
⚫ From the perspective of ] website deployment, there are two types of web pages: ] and ]. Static pages are retrieved from the web server's ] without any modification,<ref>{{cite web|url=https://smallbusiness.chron.com/difference-between-dynamic-static-pages-69951.html|title=The Difference Between Dynamic & Static Web Pages|last=Melendez|first=Steven|date=2018-08-10|website=Chron|archive-url=https://web.archive.org/web/20190320233700/https://smallbusiness.chron.com/difference-between-dynamic-static-pages-69951.html|archive-date=2019-03-20|access-date=2019-03-20|quote=Static by definition means something that does not change. The first pages on the World Wide Web were largely static and unchanged, delivering the same information about a particular topic to anyone who visited. In some cases, sites may evolve slightly over time but are still largely static, meaning that they only change when manually changed by their creators, not on a regular and automated basis.|df=dmy-all}} </ref> while dynamic pages must be created by the server ], typically reading from a ] to fill out a ], before being sent to the user's browser.<ref>{{cite web|url=https://www.pcmag.com/encyclopedia/term/42199/dynamic-web-page|title=Definition of: dynamic Web page|website=]|archive-url=https://web.archive.org/web/20170117040526/https://www.pcmag.com/encyclopedia/term/42199/dynamic-web-page|archive-date=2017-01-17|access-date=2019-03-20|quote=A Web page that provides custom content for the user based on the results of a search or some other request.|df=dmy-all}}</ref>
* ]
* ]
* ]


== References == == References ==
{{reflist}} {{reflist}}


{{Web interfaces}}
{{Authority control}} {{Authority control}}


Latest revision as of 15:23, 23 December 2024

Content provided by a website

Each article on the Misplaced Pages website is a distinct web page. The URL is visible in the browser's address bar at the top.

A web page (or webpage) is a document on the Web that is accessed in a web browser. A website typically consists of many web pages linked together under a common domain name. The term "web page" is therefore a metaphor of paper pages bound together into a book.

Navigation

Main article: Web navigation

Each web page is identified by a distinct Uniform Resource Locator (URL). When the user inputs a URL into their web browser, the browser retrieves the necessary content from a web server and then transforms it into an interactive visual representation on the user's screen.

If the user clicks or taps a link, the browser repeats this process to load the new URL, which could be part of the current website or a different one. The browser has features, such as the address bar, that indicate which page is displayed.

Elements

The home page of NASA from 2008

A web page is a structured document. The core element is a text file written in the HyperText Markup Language (HTML). This specifies the content of the page, including images and video.

Cascading Style Sheets (CSS) specify the presentation of the page. CSS rules can be in separate text files or embedded within the HTML file.

The vast majority of pages have JavaScript programs, enabling a wide range of behavior. The newer WebAssembly language can also be used as a supplement.

The most sophisticated web pages, known as web apps, combine these elements in a complex manner.

Deployment

From the perspective of server-side website deployment, there are two types of web pages: static and dynamic. Static pages are retrieved from the web server's file system without any modification, while dynamic pages must be created by the server on the fly, typically reading from a database to fill out a template, before being sent to the user's browser. An example of a dynamic page is a search engine results page.

See also

References

  1. "Web page – definition of web page by The Free Dictionary". Archived from the original on 23 April 2021. Retrieved 23 April 2021.
  2. "Behind the scenes of modern web browsers". Tali Garsiel. Archived from the original on 18 April 2018. Retrieved 21 April 2018.
  3. ^ Flanagan, David (18 April 2011). JavaScript: the definitive guide. Beijing; Farnham: O'Reilly. p. 1. ISBN 978-1-4493-9385-4. OCLC 686709345. JavaScript is part of the triad of technologies that all Web developers must learn: HTML to specify the content of web pages, CSS to specify the presentation of web pages, and JavaScript to specify the behavior of web pages.
  4. "Usage Statistics of JavaScript as Client-side Programming Language on Websites". W3Techs. Retrieved 27 February 2024.
  5. "The State of WebAssembly 2023". Scott Logic. 18 October 2023. Retrieved 18 April 2024.
  6. Melendez, Steven (10 August 2018). "The Difference Between Dynamic & Static Web Pages". Chron. Archived from the original on 20 March 2019. Retrieved 20 March 2019. Static by definition means something that does not change. The first pages on the World Wide Web were largely static and unchanged, delivering the same information about a particular topic to anyone who visited. In some cases, sites may evolve slightly over time but are still largely static, meaning that they only change when manually changed by their creators, not on a regular and automated basis.
  7. "Definition of: dynamic Web page". PC Magazine. Archived from the original on 17 January 2017. Retrieved 20 March 2019. A Web page that provides custom content for the user based on the results of a search or some other request.
Web interfaces
Server-side
Protocols
Server APIs
Apache modules
Topics
Client-side
Browser APIs
Web APIs
WHATWG
W3C
Khronos
Others
Topics
Related topics
Categories: