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
HTML Articles
Page 93 of 151
How to set what browsers will show that do not support the ruby element?
The HTML tag specifies what browsers will show when they do not support the element. Ruby annotations are used in East Asian typography to provide pronunciation guides or semantic information for characters, commonly seen in Japanese furigana and Chinese pinyin. Syntax Following is the syntax for the tag − base_text fallback_openannotationfallback_close The (ruby parentheses) element contains fallback text that displays in browsers without ruby support. Modern browsers that support ruby annotations hide the content inside tags, while older browsers display it as regular text. ...
Read MoreEventSource 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 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 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 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 display deleted text in HTML?
The tag in HTML is used to display deleted text by marking it with a strikethrough. This semantic element indicates that the content has been removed from the document but is kept visible to show revision history or changes made to the content. Syntax Following is the syntax for the tag − Deleted text Attributes The tag supports the following specific attributes − Attribute Value Description cite URL Specifies a URL to a document that explains why the text was deleted. ...
Read MoreExecute a script when the seeking attribute is set to false indicating that seeking has ended in HTML?
The onseeked attribute in HTML executes a script when the user finishes seeking (jumping to a new position) in an audio or video element. This event fires when the seeking attribute changes from true to false, indicating that the seek operation has completed and the media is ready to play from the new position. Syntax Following is the syntax for the onseeked attribute − Where script is the JavaScript code to execute when seeking ends. How It Works When a user interacts with the video or audio controls to jump ...
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 MoreSame origin policy on mobile apps with HTML
The same-origin policy is a critical web security concept that restricts how a document or script from one origin can interact with resources from another origin. However, when developing mobile applications using HTML, CSS, and JavaScript through frameworks like PhoneGap (Apache Cordova), the same-origin policy behaves differently than in traditional web browsers. Same-Origin Policy in Web Browsers vs Mobile Apps In web browsers, the same-origin policy prevents scripts from accessing content from different domains, protocols, or ports. However, in mobile apps built with HTML/JavaScript frameworks, the application runs locally on the device using the file:// protocol rather than ...
Read MoreAnimating canvas to infinitely animate the noise to give the appearance of movement in HTML
Canvas animation using putImageData() allows you to directly manipulate pixel data for creating dynamic visual effects. By continuously generating and displaying new pixel data in a loop, you can create smooth animated effects like moving noise patterns. Syntax Following is the basic syntax for animating canvas with putImageData() − context.putImageData(imageData, dx, dy); Where imageData is the ImageData object containing pixel data, and dx, dy are the destination coordinates on the canvas. How Canvas Noise Animation Works The animation technique involves creating an ImageData object outside the animation loop for performance optimization. Inside ...
Read More