Tag: html5

[HTML5 Advanced Part 2] WebWorker multi-threading, EventSource event push, History history operation

Article directory 1. Multi-threading 1.1 Overview 1.2 Experience multi-threading 1.3 Data transmission and reception in multi-threads 2. Event push 2.1 Overview 2.2 onmessage event 3. history 1. Multi-threading 1.1 Overview Front-end JS executes in a single thread by default, and can only execute one thing in a period of time. To give an example: For […]

API of html5: Use of SpeechSynthesis speech synthesis

SpeechSynthesis is used to synthesize specified text into corresponding speech. It also contains some configuration items to specify how to read (language, volume, pitch), etc. Instance object properties lang Gets and sets the language of the utterance pitch Gets and sets the pitch of the speech (larger values are sharper, lower values are deeper) rate […]

HTML5 and CSS3 realize dynamic web pages (Part 1)

structure tag article: tag defines an article header: tag defines the header of a region on a page nav: tag defines navigation link section: Marker defines a region aside: mark the sidebar that defines the content part of the page hgroup: related information of a block in the mark definition file figure: tag defines a […]

Web Programming and Design (2) | HTML5

Article directory Introduction to HTML5 and basic skeleton Introduction to HTML5 HTML5 DOCTYPE declaration HTML5 basic skeleton html tag head tag body tag title tag meta tag Title introduction and application Use titles correctly Positioning of title tags VSCode plug-in Label paragraph, line break, horizontal line tag paragraph newline horizontal line Label image The most […]

[HTML5 Advanced Part 1] Web Storage – cookie, localStorage, sessionStorage

Article directory 1. Data storage 1.1 cookies 1.1.1 Concept introduction 1.1.2 Storage and retrieval 1.1.3 Method encapsulation 1.1.4 Summary 1.2 localstorage and sessionstorage 1.2.1 Overview 1.2.2 Properties or methods for operating data 1.2.3 Case – Submit Questionnaire 1.2.4 Benefits brought by Web Storage appendix: 1. Data persistence technology (offline storage) provided by HTML5 2. Application […]

HTML5 and CSS3 improvements

Table of Contents 1. New features of HTML5 1.1 New semantic tags in HTML5 1.2 New multimedia tags in HTML5 1.Audio: 2. Video: Summarize: 1.3 New input types in HTML5 1.4 New form attributes in HTML5 2. New features of CSS3 2.1 CSS3 new selector 2.1.1 Attribute selector 2.1.2 Structural pseudo-class selector Summarize: Pseudo element […]

HTML5HTML5 features

HTML5 features 1. Semantic tags : Represents the header part of a web page or a certain area, usually including the website’s logo, navigation menu, etc. : Represents the navigation area, used to contain the main navigation links of the website. : Represents the main content area of the webpage, usually containing the main content […]

HTML5 recording and sending voice functions

<!DOCTYPE html> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <meta name=”viewport” content=”width=device-width,height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″ /> <title>HTML5 recording and sending voice function</title> </head> <body> <div> <audio controls autoplay></audio> <input onclick=”startRecording()” type=”button” value=”Recording” /> <input onclick=”stopRecording()” type=”button” value=”Stop” /> <input onclick=”playRecording()” type=”button” value=”play” /> <input onclick=”uploadAudio()” type=”button” value=”Submit” /> </div> <script> //compatible window.URL = window.URL || […]