Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles on Trending Technologies
Technical articles with clear explanations and examples
EventSource vs. wrapped WebSocket with HTML5 Server-Side Event
The EventSource API and WebSocket are both HTML5 technologies for real-time communication between client and server. However, they serve different purposes and have distinct characteristics. EventSource provides server-sent events (SSE) for one-way communication from server to client, while WebSocket enables full-duplex communication in both directions. EventSource (Server-Sent Events) EventSource is a simpler, lightweight solution for receiving real-time updates from the server. It establishes a persistent HTTP connection and listens for server-pushed data in a specific text format. Key Characteristics One-way communication − Client can only receive data from the server Text/event-stream format − Uses a ...
Read MoreHow to markup postal address in HTML?
A postal address is structured information used to identify the physical location of a building, apartment, or business. In HTML, we use the tag to mark up contact information, including postal addresses, for the author of a document or article. The element provides semantic meaning to contact information, making it accessible to screen readers and search engines. By default, browsers render address content in italic format and add line breaks before and after the element. Syntax Following is the syntax for the tag − Contact information goes here ...
Read MoreSplitting up an HTML page and loading it through header?
Splitting HTML pages into separate components like header, footer, and content sections can significantly improve development efficiency and maintainability. This approach allows developers to reuse common elements across multiple pages without duplicating code. HTML Page Structure Header Section Main Content Area Footer Section The three main components typically include − Header − Contains navigation menu, logo, and site-wide elements Content − The main body content that changes between pages Footer − Contains copyright information, links, and contact ...
Read MoreHow do we add a noscript section in HTML?
The noscript tag in HTML provides fallback content for users whose browsers don't support JavaScript or have JavaScript disabled. This tag ensures that your web page remains functional and informative even when scripting is unavailable. The tag can be placed in both the and sections of an HTML document. When JavaScript is enabled, browsers ignore the content inside tags. When JavaScript is disabled or unsupported, browsers display the noscript content instead. Syntax Following is the syntax for the noscript tag − Fallback content for non-JavaScript users ...
Read MoreHow does mobile safari determine when to prompt the user to share location in HTML?
Mobile Safari determines when to prompt the user to share location based on specific browser behaviors and API usage patterns. The location prompt appears when your web application calls the Geolocation API methods for the first time on a domain. When Safari Shows Location Prompts Safari displays the location permission prompt in the following scenarios − First API call − When navigator.getCurrentPosition() or navigator.watchPosition() is called for the first time on a domain. User-initiated action − The request must be triggered by a user gesture (click, touch) for security reasons. HTTPS requirement − Location services only ...
Read MoreHow do we include an inline sub window in HTML?
An inline sub window in HTML is created using the (inline frame) tag. An iframe allows you to embed another HTML document or webpage directly within the current page, creating a window-like container that displays external content seamlessly. The iframe element is commonly used to embed videos, maps, social media content, advertisements, or entire web pages from the same or different domains. It acts as a separate browsing context within the main document. Syntax Following is the basic syntax for creating an inline sub window using the iframe tag − The ...
Read MoreHTML5 semantic elements and which old browsers does it support?
HTML5 introduced semantic elements that provide meaning to the structure of web content. These elements like , , , , and describe their content's purpose rather than just its appearance. However, older browsers, particularly Internet Explorer 8 and earlier versions, do not recognize these new semantic elements. What are HTML5 Semantic Elements? HTML5 semantic elements are tags that clearly describe their meaning in a human and machine readable way. Unlike generic and elements, semantic elements convey the purpose of the content they contain. Common HTML5 Semantic Elements − Contains introductory content ...
Read MoreHow to use year input type in HTML?
HTML does not have a dedicated year input type. However, you can create year input functionality using several approaches: the element with constraints, the element, or by implementing custom year picker solutions with JavaScript libraries like jQuery UI. Using Number Input Type for Year The most common approach is to use with min and max attributes to constrain the year range. The placeholder attribute helps users understand the expected format. Syntax Example Following example creates a year input field using a number input type − ...
Read MoreHow to add an inline layer in HTML?
The tag was a non-standard HTML element introduced by Netscape Navigator to create inline layers that occupy space within the normal text flow. Unlike the tag which positioned content above the text flow, created layers that pushed subsequent content after the space they occupied. Important: The tag is obsolete and deprecated. It was never part of the HTML standard and was only supported by Netscape Navigator 4.x. Modern browsers do not support this tag, and it should not be used in contemporary web development. Syntax The basic syntax for the tag was ...
Read MoreHow do I get an address latitude-longitude using HTML5 Geolocation or Google API?
The HTML5 Geolocation API provides a way to access the user's geographic location, including latitude and longitude coordinates. This requires JavaScript to interact with the browser's geolocation services and can be enhanced with Google's Geocoding API for reverse geocoding (converting coordinates to addresses). HTML5 Geolocation Syntax Following is the basic syntax for accessing geolocation − navigator.geolocation.getCurrentPosition(successCallback, errorCallback, options); Parameters successCallback − Function called when location is successfully retrieved errorCallback − Function called when an error occurs (optional) options − Configuration object for timeout, accuracy, and caching (optional) Getting Latitude and ...
Read More