A
web page
(also written as webpage) is a document that is suitable to act as a web resource on the World Wide Web.
In order to graphically display a
web page,
a web browser is needed. This is a type of software that can retrieve
web pages
from the Internet. When accessed by a web browser it may be displayed as a
web page
on a monitor or mobile device. Typical web page are hypertext documents which contain hyperlinks, often referred to as [1]links, for browsing to other
web pages.
The term
web page
usually refers to what is visible, but may also refer to the contents of the source code itself, which is usually a text file containing hypertext written in HTML or a comparable markup language. Most current web browsers include the ability to view the source code. Web browsers will frequently have to access multiple web resource elements, such as style sheets, scripts, and images, while presenting each
web page.
A website will typically contain a group of
web pages
that are linked together, or have some other coherent method of navigation. The most important
web pages
on a website is the index page. Depending on the web server settings, the index page can have any name, but the most common names are index.html and index.php. When a browser visits the homepage of a website or any URL pointing to a directory rather than a specific file, the web server serves the index page. If no index page is defined in the configuration or no such file exists on the server, either an error or directory listing will be served to the browser.
Websites and the
web pages
that comprise them are usually found with assistance from a search engine, but they can receive traffic from social media and other sources. On a network, a web browser can retrieve a
web pages
from a remote web server. The web browser uses the Hypertext Transfer Protocol (HTTP) to make such requests to the web server. The web server may restrict access to a private network (for example, a corporate intranet).
A static
web page
is delivered exactly as stored, as web content in the web server's file system. In contrast, a dynamic
web page
is generated by a web application, driven by server-side software, running on the client-side (on the web browser), or both. Dynamic
web pages
help the browser (the client) to enhance the
web pages
through user input to the server.
A web browser can have a graphical user interface, like Internet Explorer / Microsoft Edge, Mozilla Firefox, Google Chrome, Safari, and Opera, or can be text-based, like Lynx or Links.
Web users with disabilities often use assistive technologies and adaptive strategies to access
web pages.
[1] Users may be color-blind, may or may not want to use a mouse perhaps due to repetitive stress injury or motor neuron problems, may be deaf and require audio to be captioned, may be blind and using a screen reader or braille display, may need screen magnification, etc.
Disabled and able-bodied users may disable the download and viewing of images and other media, to save time, network bandwidth or merely to simplify their browsing experience. Users of mobile devices often have restricted displays and bandwidth. Anyone may prefer not to use the fonts, font sizes, styles and color schemes selected by the
web pages.
[1] designer and may apply their own CSS styling to the page. The World Wide Web Consortium (W3C) and Web Accessibility Initiative (WAI) recommend that
web pages
are designed with all of these options in mind.
A
web pages,
as an information set, can contain numerous types of information, which is able to be seen, heard or interacted with by the end user:
The
web page
can contain dynamically adapted information elements, dependent upon the rendering browser or end-user location (through the use of IP address tracking and/or "cookie" information).
From a more general/wide point of view, some information (grouped) elements, like a navigation bar, are uniform for all website pages, like a standard. This kind of "website standard information" are supplied by technologies like web template systems.
A static
web page
(sometimes called a flat page or a stationary page) is a
web page
that is delivered to the user's web browser exactly as stored,[2] in contrast to dynamic
web pages
which are generated by a web application.[3]
Consequently, a static
web pages
displays the same information for all users, from all contexts, subject to modern capabilities of a web server to negotiate content-type or language of the document where such versions are available and the server is configured to do so.
To create a
web page,
a text editor or a specialized HTML editor is needed. In order to upload the created
web page
to a web server, an FTP client is traditionally used.
The design of a
web page
is highly personal. A design can be made according to one's own preference in as much detail as one wishes. Alternatively, a pre-made web template can be used. Web templates let
web page
designers edit the content of a
web page
without having to worry about the overall aesthetics. Many use all-in-one services for web domain purchases, web hosting service and templates to build customized websites. Web publishing tools such as Tripod and Wordpress offer free page creation and hosting up to a certain size limit. Other ways of making a
web page
are to download specialized software, like a Wiki, CMS, or forum. These options allow for the quick and easy creation of a
web page
which is typically dynamic.
A server-side dynamic
web page
is a
web page
whose construction is controlled by an application server processing server-side scripts. In server-side scripting, parameters determine how the assembly of every new
web page
proceeds, including the setting up of more client-side processing.
A client-side dynamic
web page
processes the
web page
using HTML scripting running in the browser as it loads. JavaScript and other scripting languages determine the way the HTML in the received page is parsed into the Document Object Model, or DOM, that represents the loaded
web page.
The same client-side techniques can then dynamically update or change the DOM in the same way.
A dynamic
web page
is then reloaded by the user or by a computer program to change some variable content. The updating information could come from the server, or from changes made to that page's DOM. This may or may not truncate the browsing history or create a saved version to go back to, but a dynamic
web page
update using Ajax technologies will neither create a page to go back to, nor truncate the web browsing history forward of the displayed page. Using Ajax technologies the end user gets one dynamic page managed as a single page in the web browser while the actual web content rendered on that page can vary. The Ajax engine sits only on the browser requesting parts of its DOM, the DOM, for its client, from an application server.
DHTML is the technologies and methods used to create
web pages
that are not static
web pages,
though the term has fallen out of common use since the popularization of AJAX, a term which is now itself rarely used. Client-side-scripting, server-side scripting, or a combination of these make for the dynamic web experience in a browser.
Web pages usually include information such as the colors of text and backgrounds and very often contain links to images and other types of media to be included in the final view. Layout, typographic and color-scheme information is provided by Cascading Style Sheet (CSS) instructions, which can either be embedded in the HTML or can be provided by a separate file, which is referenced from within the HTML.
The latter case is especially relevant where one lengthy stylesheet is relevant to a whole website: due to the way HTTP works, the browser may only download it once from the web server and use the cached copy for the whole site.
Images are stored on the web server as separate files, but again HTTP allows for the fact that once a
web pages,
is downloaded to a browser, it is quite likely that related files such as images and stylesheets will be requested as it is processed. An HTTP 1.1 web server will maintain a connection with the browser until all related resources have been requested and provided. Web browsers usually render images along with the text and other material on the displayed
web page.
Web pages will often require more screen space than is available for a particular display resolution.
Most modern browsers will place a scrollbar (a sliding tool at the side of the screen that allows the user to move the page up or down, or side-to-side) in the window to allow the user to see all content.
Scrolling horizontally is less prevalent than vertical scrolling, not only because such pages often do not print properly, but because it inconveniences the user more so than vertical scrolling would (because lines are horizontal; scrolling back and forth for every line is more inconvenient than scrolling after reading a whole screen; most computer keyboards have page up and down keys, and almost all computer mice have vertical scroll wheels, the horizontal scrolling equivalents are rare). When
web pages
are stored in a common directory of a web server, they become a website.
Web pages do not have a fixed length as in a paper page, and they can vary in length. The width of a
web pages
varies depending on the size of the display so it leads to
web pages
of different lengths. For long
web pages,
information flow and presentation is quite critical. If the
web pages,
is longer and the information on the top is undesirable to the user, the probability of reading further down is low. However, both longer and shorter
web pages
have their own pros and cons.[4]
The initial viewing area of a
web pages
is known as being "above page fold".[5] The content above the page fold is important as users use it to evaluate if they have come to the right page. It is important to have content above the page fold that keeps the user interested enough that they scroll down. The information foraging theory describes that once a user has deemed the part above the fold of a page valuable they are more likely to deem the rest of the page valuable.
When printing a
web page,
the ease of printing depends on the length of the page,[6] compared to shorter
web pages
with pagination. In longer
web pages
which have infinite scrolling (for example, Facebook, LinkedIn and Twitter), it is harder to print all pages as the total number of upcoming pages is unknown. Therefore, users can only print loaded pages in
web pages
which use infinite scrolling. Another issue that occurs with long
web pages
printing is the use of ads known as clickbait on websites. A
web page
with clickbait ads will still contain those ads when printed out. However, some browsers such as Google Chrome uses an extension where users get the opportunity of formatting
web pages
and printing without ads.[7]
A
web pages
can either be a single HTML file or made up of multiple HTML files using frames or Server Side Includes (SSIs). Frames have been known to cause problems with web accessibility, copyright,[8] navigation, printing and search engine rankings, and are now less often used than they were in the 1990s.[9] Both frames and SSIs allow certain content which appears on many pages, such as page navigation or page headers, to be repeated without duplicating the HTML in all files.
Frames and the W3C recommended an alternative of 2000, the < object > tag,[9] also allow some content to remain in one place while other content can be scrolled using conventional scrollbars. Modern CSS and JavaScript client-side techniques can also achieve all of these goals.
When creating a
web page,
it is important to ensure it conforms to the World Wide Web Consortium (W3C) standards for HTML, CSS, XML and other standards. The W3C standards are in place to ensure all browsers which conform to their standards can display identical content without special consideration for proprietary rendering techniques. A properly coded
web page
is going to be accessible to many different browsers old and new alike, display resolutions, as well as those users with audio or visual impairments.
While one is viewing a
web page,
a copy of it is saved locally; the copy is being viewed.
Depending on the browser settings, the copy may be deleted at any time, or stored indefinitely, sometimes without the user realizing it.
Most GUI browsers provide options for saving a
web page
more permanently. These may include
In addition to the option to print the currently viewed
web page
to a printer, most operating systems allow applications such as web browsers to "print to a file" which can be viewed or printed later. Some
web pages
are designed, for example by use of CSS, so that hyperlinks, menus and other navigation items, which would be useless on paper, are rendered into print with this in mind. Sometimes, the destination addresses of hyperlinks may be shown explicitly, either within the body of the page or listed at the end of the printed version. It can be specified in CSS that non-functional menus, navigational blocks and other items ought to simply be absent from the printed version.
A Uniform Resource Locator (URL), or web address, is a reference to a web resource that specifies its location on a computer network and a mechanism for retrieving it. A URL is a specific type of Uniform Resource Identifier (URI),[11] although many people use the two terms interchangeably.[12]{{efn|A URL implies the means to access an indicated resource and is denoted by a protocol or an access mechanism, which is not true of every URI.[13][12] URLs occur most commonly to reference
web pages
(http), but are also used for file transfer (ftp), email (mailto), database access (JDBC), and many other applications.
Web pages are typically becoming more dynamic. A dynamic
web pages
is one that is created by the web server when it is requested by the visiting user's browser. These types of
web pages
typically do not have a permalink, or a static URL, associated with them. This practice is intended to reduce the amount of static pages in lieu of storing the relevant
web pages
information in a database. This can be seen in forums, online shopping websites, and on Wikipedia. Some search engines may have a hard time indexing a
web page
that is dynamic, so static
web pages
can be provided in those instances.