https-app-link-com-wallet / .github

https://www.paypal.me/WhatsAppSupport200
Boost Software License 1.0
2 stars 0 forks source link

HTML Standard #1

Open ForworkMeta opened 2 weeks ago

ForworkMeta commented 2 weeks ago

bdliveprivetlimited@gmail.com HTML Living Standard — Last Update main

Multipage Version /multipage

Version for Web Devs /dev

PDF Version /print.pdf

Translations বাংলা

FAQ on GitHub

Chat on Matrix

Contribute on GitHub whatwg/html repository

Commits on GitHub

Snapshot as of this commit

Twitter Updates @htmlstandard

Open Issues filed on GitHub

Open an Issue whatwg.org/newbug

Tests web-platform-tests html/

Issues for Tests ongoing work Table of contents 1 Introduction 2 Common infrastructure 3 Semantics, structure, and APIs of HTML documents 4 The elements of HTML 5 Microdata 6 User interaction 7 Loading web pages 8 Web application APIs 9 Communication 10 Web workers 11 Worklets 12 Web storage 13 The HTML syntax 14 The XML syntax 15 Rendering 16 Obsolete features 17 IANA considerations Index References Acknowledgments Intellectual property rights Full table of contents 1 Introduction 1.1 Where does this specification fit? 1.2 Is this HTML5? 1.3 Background 1.4 Audience 1.5 Scope 1.6 History 1.7 Design notes 1.7.1 Serializability of script execution 1.7.2 Compliance with other specifications 1.7.3 Extensibility 1.8 HTML vs XML syntax 1.9 Structure of this specification 1.9.1 How to read this specification 1.9.2 Typographic conventions 1.10 A quick introduction to HTML 1.10.1 Writing secure applications with HTML 1.10.2 Common pitfalls to avoid when using the scripting APIs 1.10.3 How to catch mistakes when writing HTML: validators and conformance checkers 1.11 Conformance requirements for authors 1.11.1 Presentational markup 1.11.2 Syntax errors 1.11.3 Restrictions on content models and on attribute values 1.12 Suggested reading 2 Common infrastructure 2.1 Terminology 2.1.1 Parallelism 2.1.2 Resources 2.1.3 XML compatibility 2.1.4 DOM trees 2.1.5 Scripting 2.1.6 Plugins 2.1.7 Character encodings 2.1.8 Conformance classes 2.1.9 Dependencies 2.1.10 Extensibility 2.1.11 Interactions with XPath and XSLT 2.2 Policy-controlled features 2.3 Common microsyntaxes 2.3.1 Common parser idioms 2.3.2 Boolean attributes 2.3.3 Keywords and enumerated attributes 2.3.4 Numbers 2.3.4.1 Signed integers 2.3.4.2 Non-negative integers 2.3.4.3 Floating-point numbers 2.3.4.4 Percentages and lengths 2.3.4.5 Nonzero percentages and lengths 2.3.4.6 Lists of floating-point numbers 2.3.4.7 Lists of dimensions 2.3.5 Dates and times 2.3.5.1 Months 2.3.5.2 Dates 2.3.5.3 Yearless dates 2.3.5.4 Times 2.3.5.5 Local dates and times 2.3.5.6 Time zones 2.3.5.7 Global dates and times 2.3.5.8 Weeks 2.3.5.9 Durations 2.3.5.10 Vaguer moments in time 2.3.6 Colors 2.3.7 Space-separated tokens 2.3.8 Comma-separated tokens 2.3.9 References 2.3.10 Media queries 2.3.11 Unique internal values 2.4 URLs 2.4.1 Terminology 2.4.2 Parsing URLs 2.4.3 Dynamic changes to base URLs 2.5 Fetching resources 2.5.1 Terminology 2.5.2 Determining the type of a resource 2.5.3 Extracting character encodings from meta elements 2.5.4 CORS settings attributes 2.5.5 Referrer policy attributes 2.5.6 Nonce attributes 2.5.7 Lazy loading attributes 2.5.8 Blocking attributes 2.5.9 Fetch priority attributes 2.6 Common DOM interfaces 2.6.1 Reflecting content attributes in IDL attributes 2.6.2 Using reflect in specifications 2.6.3 Collections 2.6.3.1 The HTMLAllCollection interface 2.6.3.1.1 [[Call]] ( thisArgument, argumentsList ) 2.6.3.2 The HTMLFormControlsCollection interface 2.6.3.3 The HTMLOptionsCollection interface 2.6.4 The DOMStringList interface 2.7 Safe passing of structured data 2.7.1 Serializable objects 2.7.2 Transferable objects 2.7.3 StructuredSerializeInternal ( value, forStorage [ , memory ] ) 2.7.4 StructuredSerialize ( value ) 2.7.5 StructuredSerializeForStorage ( value ) 2.7.6 StructuredDeserialize ( serialized, targetRealm [ , memory ] ) 2.7.7 StructuredSerializeWithTransfer ( value, transferList ) 2.7.8 StructuredDeserializeWithTransfer ( serializeWithTransferResult, targetRealm ) 2.7.9 Performing serialization and transferring from other specifications 2.7.10 Structured cloning API 3 Semantics, structure, and APIs of HTML documents 3.1 Documents 3.1.1 The Document object 3.1.2 The DocumentOrShadowRoot interface 3.1.3 Resource metadata management 3.1.4 Reporting document loading status 3.1.5 Render-blocking mechanism 3.1.6 DOM tree accessors 3.2 Elements 3.2.1 Semantics 3.2.2 Elements in the DOM 3.2.3 HTML element constructors 3.2.4 Element definitions 3.2.4.1 Attributes 3.2.5 Content models 3.2.5.1 The "nothing" content model 3.2.5.2 Kinds of content 3.2.5.2.1 Metadata content 3.2.5.2.2 Flow content 3.2.5.2.3 Sectioning content 3.2.5.2.4 Heading content 3.2.5.2.5 Phrasing content 3.2.5.2.6 Embedded content 3.2.5.2.7 Interactive content 3.2.5.2.8 Palpable content 3.2.5.2.9 Script-supporting elements 3.2.5.3 Transparent content models 3.2.5.4 Paragraphs 3.2.6 Global attributes 3.2.6.1 The title attribute 3.2.6.2 The lang and xml:lang attributes 3.2.6.3 The translate attribute 3.2.6.4 The dir attribute 3.2.6.5 The style attribute 3.2.6.6 Embedding custom non-visible data with the data-* attributes 3.2.7 The innerText and outerText properties 3.2.8 Requirements relating to the bidirectional algorithm 3.2.8.1 Authoring conformance criteria for bidirectional-algorithm formatting characters 3.2.8.2 User agent conformance criteria 3.2.9 Requirements related to ARIA and to platform accessibility APIs 4 The elements of HTML 4.1 The document element 4.1.1 The html element 4.2 Document metadata 4.2.1 The head element 4.2.2 The title element 4.2.3 The base element 4.2.4 The link element 4.2.4.1 Processing the media attribute 4.2.4.2 Processing the type attribute 4.2.4.3 Fetching and processing a resource from a link element 4.2.4.4 Processing Link headers 4.2.4.5 Early hints 4.2.4.6 Providing users with a means to follow hyperlinks created using the link element 4.2.5 The meta element 4.2.5.1 Standard metadata names 4.2.5.2 Other metadata names 4.2.5.3 Pragma directives 4.2.5.4 Specifying the document's character encoding 4.2.6 The style element 4.2.7 Interactions of styling and scripting 4.3 Sections 4.3.1 The body element 4.3.2 The article element 4.3.3 The section element 4.3.4 The nav element 4.3.5 The aside element 4.3.6 The h1, h2, h3, h4, h5, and h6 elements 4.3.7 The hgroup element 4.3.8 The header element 4.3.9 The footer element 4.3.10 The address element 4.3.11 Headings and outlines 4.3.11.1 Sample outlines 4.3.11.2 Exposing outlines to users 4.3.12 Usage summary 4.3.12.1 Article or section? 4.4 Grouping content 4.4.1 The p element 4.4.2 The hr element 4.4.3 The pre element 4.4.4 The blockquote element 4.4.5 The ol element 4.4.6 The ul element 4.4.7 The menu element 4.4.8 The li element 4.4.9 The dl element 4.4.10 The dt element 4.4.11 The dd element 4.4.12 The figure element 4.4.13 The figcaption element 4.4.14 The main element 4.4.15 The search element 4.4.16 The div element 4.5 Text-level semantics 4.5.1 The a element 4.5.2 The em element 4.5.3 The strong element 4.5.4 The small element 4.5.5 The s element 4.5.6 The cite element 4.5.7 The q element 4.5.8 The dfn element 4.5.9 The abbr element 4.5.10 The ruby element 4.5.11 The rt element 4.5.12 The rp element 4.5.13 The data element 4.5.14 The time element 4.5.15 The code element 4.5.16 The var element 4.5.17 The samp element 4.5.18 The kbd element 4.5.19 The sub and sup elements 4.5.20 The i element 4.5.21 The b element 4.5.22 The u element 4.5.23 The mark element 4.5.24 The bdi element 4.5.25 The bdo element 4.5.26 The span element 4.5.27 The br element 4.5.28 The wbr element 4.5.29 Usage summary 4.6 Links 4.6.1 Introduction 4.6.2 Links created by a and area elements 4.6.3 API for a and area elements 4.6.4 Following hyperlinks 4.6.5 Downloading resources 4.6.6 Hyperlink auditing 4.6.6.1 The Ping-From and Ping-To headers 4.6.7 Link types 4.6.7.1 Link type "alternate" 4.6.7.2 Link type "author" 4.6.7.3 Link type "bookmark" 4.6.7.4 Link type "canonical" 4.6.7.5 Link type "dns-prefetch" 4.6.7.6 Link type "expect" 4.6.7.7 Link type "external" 4.6.7.8 Link type "help" 4.6.7.9 Link type "icon" 4.6.7.10 Link type "license" 4.6.7.11 Link type "manifest" 4.6.7.12 Link type "modulepreload" 4.6.7.13 Link type "nofollow" 4.6.7.14 Link type "noopener" 4.6.7.15 Link type "noreferrer" 4.6.7.16 Link type "opener" 4.6.7.17 Link type "pingback" 4.6.7.18 Link type "preconnect" 4.6.7.19 Link type "prefetch" 4.6.7.20 Link type "preload" 4.6.7.21 Link type "privacy-policy" 4.6.7.22 Link type "search" 4.6.7.23 Link type "stylesheet" 4.6.7.24 Link type "tag" 4.6.7.25 Link Type "terms-of-service" 4.6.7.26 Sequential link types 4.6.7.26.1 Link type "next" 4.6.7.26.2 Link type "prev" 4.6.7.27 Other link types 4.7 Edits 4.7.1 The ins element 4.7.2 The del element 4.7.3 Attributes common to ins and del elements 4.7.4 Edits and paragraphs 4.7.5 Edits and lists 4.7.6 Edits and tables 4.8 Embedded content 4.8.1 The picture element 4.8.2 The source element 4.8.3 The img element 4.8.4 Images 4.8.4.1 Introduction 4.8.4.1.1 Adaptive images 4.8.4.2 Attributes common to source, img, and link elements 4.8.4.2.1 Srcset attributes 4.8.4.2.2 Sizes attributes 4.8.4.3 Processing model 4.8.4.3.1 When to obtain images 4.8.4.3.2 Reacting to DOM mutations 4.8.4.3.3 The list of available images 4.8.4.3.4 Decoding images 4.8.4.3.5 Updating the image data 4.8.4.3.6 Preparing an image for presentation 4.8.4.3.7 Selecting an image source 4.8.4.3.8 Creating a source set from attributes 4.8.4.3.9 Updating the source set 4.8.4.3.10 Parsing a srcset attribute 4.8.4.3.11 Parsing a sizes attribute 4.8.4.3.12 Normalizing the source densities 4.8.4.3.13 Reacting to environment changes 4.8.4.4 Requirements for providing text to act as an alternative for images 4.8.4.4.1 General guidelines 4.8.4.4.2 A link or button containing nothing but the image 4.8.4.4.3 A phrase or paragraph with an alternative graphical representation: charts, diagrams, graphs, maps, illustrations 4.8.4.4.4 A short phrase or label with an alternative graphical representation: icons, logos 4.8.4.4.5 Text that has been rendered to a graphic for typographical effect 4.8.4.4.6 A graphical representation of some of the surrounding text 4.8.4.4.7 Ancillary images 4.8.4.4.8 A purely decorative image that doesn't add any information 4.8.4.4.9 A group of images that form a single larger picture with no links 4.8.4.4.10 A group of images that form a single larger picture with links 4.8.4.4.11 A key part of the content 4.8.4.4.12 An image not intended for the user 4.8.4.4.13 An image in an email or private document intended for a specific person who is known to be able to view images 4.8.4.4.14 Guidance for markup generators 4.8.4.4.15 Guidance for conformance checkers 4.8.5 The iframe element 4.8.6 The embed element 4.8.7 The object element 4.8.8 The video element 4.8.9 The audio element 4.8.10 The track element 4.8.11 Media elements 4.8.11.1 Error codes 4.8.11.2 Location of the media resource 4.8.11.3 MIME types 4.8.11.4 Network states 4.8.11.5 Loading the media resource 4.8.11.6 Offsets into the media resource 4.8.11.7 Ready states 4.8.11.8 Playing the media resource 4.8.11.9 Seeking 4.8.11.10 Media resources with multiple media tracks 4.8.11.10.1 AudioTrackList and VideoTrackList objects 4.8.11.10.2 Selecting specific audio and video tracks declaratively 4.8.11.11 Timed text tracks 4.8.11.11.1 Text track model 4.8.11.11.2 Sourcing in-band text tracks 4.8.11.11.3 Sourcing out-of-band text tracks 4.8.11.11.4 Guidelines for exposing cues in various formats as text track cues 4.8.11.11.5 Text track API 4.8.11.11.6 Event handlers for objects of the text track APIs 4.8.11.11.7 Best practices for metadata text tracks 4.8.11.12 Identifying a track kind through a URL 4.8.11.13 User interface 4.8.11.14 Time ranges 4.8.11.15 The TrackEvent interface 4.8.11.16 Events summary 4.8.11.17 Security and privacy considerations 4.8.11.18 Best practices for authors using media elements 4.8.11.19 Best practices for implementers of media elements 4.8.12 The map element 4.8.13 The area element 4.8.14 Image maps 4.8.14.1 Authoring 4.8.14.2 Processing model 4.8.15 MathML 4.8.16 SVG 4.8.17 Dimension attributes 4.9 Tabular data 4.9.1 The table element 4.9.1.1 Techniques for describing tables 4.9.1.2 Techniques for table design 4.9.2 The caption element 4.9.3 The colgroup element 4.9.4 The col element 4.9.5 The tbody element 4.9.6 The thead element 4.9.7 The tfoot element 4.9.8 The tr element 4.9.9 The td element 4.9.10 The th element 4.9.11 Attributes common to td and th elements 4.9.12 Processing model 4.9.12.1 Forming a table 4.9.12.2 Forming relationships between data cells and header cells 4.9.13 Examples 4.10 Forms 4.10.1 Introduction 4.10.1.1 Writing a form's user interface 4.10.1.2 Implementing the server-side processing for a form 4.10.1.3 Configuring a form to communicate with a server 4.10.1.4 Client-side form validation 4.10.1.5 Enabling client-side automatic filling of form controls 4.10.1.6 Improving the user experience on mobile devices 4.10.1.7 The difference between the field type, the autofill field name, and the input modality 4.10.1.8 Date, time, and number formats 4.10.2 Categories 4.10.3 The form element 4.10.4 The label element 4.10.5 The input element 4.10.5.1 States of the type attribute 4.10.5.1.1 Hidden state (type=hidden) 4.10.5.1.2 Text (type=text) state and Search state (type=search) 4.10.5.1.3 Telephone state (type=tel) 4.10.5.1.4 URL state (type=url) 4.10.5.1.5 Email state (type=email) 4.10.5.1.6 Password state (type=password) 4.10.5.1.7 Date state (type=date) 4.10.5.1.8 Month state (type=month) 4.10.5.1.9 Week state (type=week) 4.10.5.1.10 Time state (type=time) 4.10.5.1.11 Local Date and Time state (type=datetime-local) 4.10.5.1.12 Number state (type=number) 4.10.5.1.13 Range state (type=range) 4.10.5.1.14 Color state (type=color) 4.10.5.1.15 Checkbox state (type=checkbox) 4.10.5.1.16 Radio Button state (type=radio) 4.10.5.1.17 File Upload state (type=file) 4.10.5.1.18 Submit Button state (type=submit) 4.10.5.1.19 Image Button state (type=image) 4.10.5.1.20 Reset Button state (type=reset) 4.10.5.1.21 Button state (type=button) 4.10.5.2 Implementation notes regarding localization of form controls 4.10.5.3 Common input element attributes 4.10.5.3.1 The maxlength and minlength attributes 4.10.5.3.2 The size attribute 4.10.5.3.3 The readonly attribute 4.10.5.3.4 The required attribute 4.10.5.3.5 The multiple attribute 4.10.5.3.6 The pattern attribute 4.10.5.3.7 The min and max attributes 4.10.5.3.8 The step attribute 4.10.5.3.9 The list attribute 4.10.5.3.10 The placeholder attribute 4.10.5.4 Common input element APIs 4.10.5.5 Common event behaviors 4.10.6 The button element 4.10.7 The select element 4.10.8 The datalist element 4.10.9 The optgroup element 4.10.10 The option element 4.10.11 The textarea element 4.10.12 The output element 4.10.13 The progress element 4.10.14 The meter element 4.10.15 The fieldset element 4.10.16 The legend element 4.10.17 Form control infrastructure 4.10.17.1 A form control's value 4.10.17.2 Mutability 4.10.17.3 Association of controls and forms 4.10.18 Attributes common to form controls 4.10.18.1 Naming form controls: the name attribute 4.10.18.2 Submitting element directionality: the dirname attribute 4.10.18.3 Limiting user input length: the maxlength attribute 4.10.18.4 Setting minimum input length requirements: the minlength attribute 4.10.18.5 Enabling and disabling form controls: the disabled attribute 4.10.18.6 Form submission attributes 4.10.18.7 Autofill 4.10.18.7.1 Autofilling form controls: the autocomplete attribute 4.10.18.7.2 Processing model 4.10.19 APIs for the text control selections 4.10.20 Constraints 4.10.20.1 Definitions 4.10.20.2 Constraint validation 4.10.20.3 The constraint validation API 4.10.20.4 Security 4.10.21 Form submission 4.10.21.1 Introduction 4.10.21.2 Implicit submission 4.10.21.3 Form submission algorithm 4.10.21.4 Constructing the entry list 4.10.21.5 Selecting a form submission encoding 4.10.21.6 Converting an entry list to a list of name-value pairs 4.10.21.7 URL-encoded form data 4.10.21.8 Multipart form data 4.10.21.9 Plain text form data 4.10.21.10 The SubmitEvent interface 4.10.21.11 The FormDataEvent interface 4.10.22 Resetting a form 4.11 Interactive elements 4.11.1 The details element 4.11.2 The summary element 4.11.3 Commands 4.11.3.1 Facets 4.11.3.2 Using the a element to define a command 4.11.3.3 Using the button element to define a command 4.11.3.4 Using the input element to define a command 4.11.3.5 Using the option element to define a command 4.11.3.6 Using the accesskey attribute on a legend element to define a command 4.11.3.7 Using the accesskey attribute to define a command on other elements 4.11.4 The dialog element 4.12 Scripting 4.12.1 The script element 4.12.1.1 Processing model 4.12.1.2 Scripting languages 4.12.1.3 Restrictions for contents of script elements 4.12.1.4 Inline documentation for external scripts 4.12.1.5 Interaction of script elements and XSLT 4.12.2 The noscript element 4.12.3 The template element 4.12.3.1 Interaction of template elements with XSLT and XPath 4.12.4 The slot element 4.12.5 The canvas element 4.12.5.1 The 2D rendering context 4.12.5.1.1 Implementation notes 4.12.5.1.2 The canvas state 4.12.5.1.3 Line styles 4.12.5.1.4 Text styles 4.12.5.1.5 Building paths 4.12.5.1.6 Path2D objects 4.12.5.1.7 Transformations 4.12.5.1.8 Image sources for 2D rendering contexts 4.12.5.1.9 Fill and stroke styles 4.12.5.1.10 Drawing rectangles to the bitmap 4.12.5.1.11 Drawing text to the bitmap 4.12.5.1.12 Drawing paths to the canvas 4.12.5.1.13 Drawing focus rings 4.12.5.1.14 Drawing images 4.12.5.1.15 Pixel manipulation 4.12.5.1.16 Compositing 4.12.5.1.17 Image smoothing 4.12.5.1.18 Shadows 4.12.5.1.19 Filters 4.12.5.1.20 Working with externally-defined SVG filters 4.12.5.1.21 Drawing model 4.12.5.1.22 Best practices 4.12.5.1.23 Examples 4.12.5.2 The ImageBitmap rendering context 4.12.5.2.1 Introduction 4.12.5.2.2 The ImageBitmapRenderingContext interface 4.12.5.3 The OffscreenCanvas interface 4.12.5.3.1 The offscreen 2D rendering context 4.12.5.4 Color spaces and color space conversion 4.12.5.5 Serializing bitmaps to a file 4.12.5.6 Security with canvas elements 4.12.5.7 Premultiplied alpha and the 2D rendering context 4.13 Custom elements 4.13.1 Introduction 4.13.1.1 Creating an autonomous custom element 4.13.1.2 Creating a form-associated custom element 4.13.1.3 Creating a custom element with default accessible roles, states, and properties 4.13.1.4 Creating a customized built-in element 4.13.1.5 Drawbacks of autonomous custom elements 4.13.1.6 Upgrading elements after their creation 4.13.1.7 Exposing custom element states 4.13.2 Requirements for custom element constructors and reactions 4.13.3 Core concepts 4.13.4 The CustomElementRegistry interface 4.13.5 Upgrades 4.13.6 Custom element reactions 4.13.7 Element internals 4.13.7.1 The ElementInternals interface 4.13.7.2 Shadow root access 4.13.7.3 Form-associated custom elements 4.13.7.4 Accessibility semantics 4.13.7.5 Custom state pseudo-class 4.14 Common idioms without dedicated elements 4.14.1 Breadcrumb navigation 4.14.2 Tag clouds 4.14.3 Conversations 4.14.4 Footnotes 4.15 Disabled elements 4.16 Matching HTML elements using selectors and CSS 4.16.1 Case-sensitivity of the CSS 'attr()' function 4.16.2 Case-sensitivity of selectors 4.16.3 Pseudo-classes 5 Microdata 5.1 Introduction 5.1.1 Overview 5.1.2 The basic syntax 5.1.3 Typed items 5.1.4 Global identifiers for items 5.1.5 Selecting names when defining vocabularies 5.2 Encoding microdata 5.2.1 The microdata model 5.2.2 Items 5.2.3 Names: the itemprop attribute 5.2.4 Values 5.2.5 Associating names with items 5.2.6 Microdata and other namespaces 5.3 Sample microdata vocabularies 5.3.1 vCard 5.3.1.1 Conversion to vCard 5.3.1.2 Examples 5.3.2 vEvent 5.3.2.1 Conversion to iCalendar 5.3.2.2 Examples 5.3.3 Licensing works 5.3.3.1 Examples 5.4 Converting HTML to other formats 5.4.1 JSON 6 User interaction 6.1 The hidden attribute 6.2 Page visibility 6.2.1 The VisibilityStateEntry interface 6.3 Inert subtrees 6.3.1 Modal dialogs and inert subtrees 6.3.2 The inert attribute 6.4 Tracking user activation 6.4.1 Data model 6.4.2 Processing model 6.4.3 APIs gated by user activation 6.4.4 The UserActivation interface 6.4.5 User agent automation 6.5 Activation behavior of elements 6.5.1 The ToggleEvent interface 6.6 Focus 6.6.1 Introduction 6.6.2 Data model 6.6.3 The tabindex attribute 6.6.4 Processing model 6.6.5 Sequential focus navigation 6.6.6 Focus management APIs 6.6.7 The autofocus attribute 6.7 Assigning keyboard shortcuts 6.7.1 Introduction 6.7.2 The accesskey attribute 6.7.3 Processing model 6.8 Editing 6.8.1 Making document regions editable: The contenteditable content attribute 6.8.2 Making entire documents editable: the designMode getter and setter 6.8.3 Best practices for in-page editors 6.8.4 Editing APIs 6.8.5 Spelling and grammar checking 6.8.6 Writing suggestions 6.8.7 Autocapitalization 6.8.8 Input modalities: the inputmode attribute 6.8.9 Input modalities: the enterkeyhint attribute 6.9 Find-in-page 6.9.1 Introduction 6.9.2 Interaction with details and hidden=until-found 6.9.3 Interaction with selection 6.10 Close requests and close watchers 6.10.1 Close requests 6.10.2 Close watcher infrastructure 6.10.3 The CloseWatcher interface 6.11 Drag and drop 6.11.1 Introduction 6.11.2 The drag data store 6.11.3 The DataTransfer interface 6.11.3.1 The DataTransferItemList interface 6.11.3.2 The DataTransferItem interface 6.11.4 The DragEvent interface 6.11.5 Processing model 6.11.6 Events summary 6.11.7 The draggable attribute 6.11.8 Security risks in the drag-and-drop model 6.12 The popover attribute 6.12.1 The popover target attributes 6.12.2 Popover light dismiss 7 Loading web pages 7.1 Supporting concepts 7.1.1 Origins 7.1.1.1 Sites 7.1.1.2 Relaxing the same-origin restriction 7.1.2 Origin-keyed agent clusters 7.1.3 Cross-origin opener policies 7.1.3.1 The headers 7.1.3.2 Browsing context group switches due to cross-origin opener policy 7.1.3.3 Reporting 7.1.4 Cross-origin embedder policies 7.1.4.1 The headers 7.1.4.2 Embedder policy checks 7.1.5 Sandboxing 7.1.6 Policy containers 7.2 APIs related to navigation and session history 7.2.1 Security infrastructure for Window, WindowProxy, and Location objects 7.2.1.1 Integration with IDL 7.2.1.2 Shared internal slot: [[CrossOriginPropertyDescriptorMap]] 7.2.1.3 Shared abstract operations 7.2.1.3.1 CrossOriginProperties ( O ) 7.2.1.3.2 CrossOriginPropertyFallback ( P ) 7.2.1.3.3 IsPlatformObjectSameOrigin ( O ) 7.2.1.3.4 CrossOriginGetOwnPropertyHelper ( O, P ) 7.2.1.3.5 CrossOriginGet ( O, P, Receiver ) 7.2.1.3.6 CrossOriginSet ( O, P, V, Receiver ) 7.2.1.3.7 CrossOriginOwnPropertyKeys ( O ) 7.2.2 The Window object 7.2.2.1 Opening and closing windows 7.2.2.2 Indexed access on the Window object 7.2.2.3 Named access on the Window object 7.2.2.4 Accessing related windows 7.2.2.5 Historical browser interface element APIs 7.2.2.6 Script settings for Window objects 7.2.3 The WindowProxy exotic object 7.2.3.1 [[GetPrototypeOf]] ( ) 7.2.3.2 [[SetPrototypeOf]] ( V ) 7.2.3.3 [[IsExtensible]] ( ) 7.2.3.4 [[PreventExtensions]] ( ) 7.2.3.5 [[GetOwnProperty]] ( P ) 7.2.3.6 [[DefineOwnProperty]] ( P, Desc ) 7.2.3.7 [[Get]] ( P, Receiver ) 7.2.3.8 [[Set]] ( P, V, Receiver ) 7.2.3.9 [[Delete]] ( P ) 7.2.3.10 [[OwnPropertyKeys]] ( ) 7.2.4 The Location interface 7.2.4.1 [[GetPrototypeOf]] ( ) 7.2.4.2 [[SetPrototypeOf]] ( V ) 7.2.4.3 [[IsExtensible]] ( ) 7.2.4.4 [[PreventExtensions]] ( ) 7.2.4.5 [[GetOwnProperty]] ( P ) 7.2.4.6 [[DefineOwnProperty]] ( P, Desc ) 7.2.4.7 [[Get]] ( P, Receiver ) 7.2.4.8 [[Set]] ( P, V, Receiver ) 7.2.4.9 [[Delete]] ( P ) 7.2.4.10 [[OwnPropertyKeys]] ( ) 7.2.5 The History interface 7.2.6 The navigation API 7.2.6.1 Introduction 7.2.6.2 The Navigation interface 7.2.6.3 Core infrastructure 7.2.6.4 Initializing and updating the entry list 7.2.6.5 The NavigationHistoryEntry interface 7.2.6.6 The history entry list 7.2.6.7 Initiating navigations 7.2.6.8 Ongoing navigation tracking 7.2.6.9 The NavigationActivation interface 7.2.6.10 The navigate event 7.2.6.10.1 The NavigateEvent interface 7.2.6.10.2 The NavigationDestination interface 7.2.6.10.3 Firing the event 7.2.6.10.4 Scroll and focus behavior 7.2.7 Event interfaces 7.2.7.1 The NavigationCurrentEntryChangeEvent interface 7.2.7.2 The PopStateEvent interface 7.2.7.3 The HashChangeEvent interface 7.2.7.4 The PageSwapEvent interface 7.2.7.5 The PageRevealEvent interface 7.2.7.6 The PageTransitionEvent interface 7.2.7.7 The BeforeUnloadEvent interface 7.2.8 The NotRestoredReasons interface 7.3 Infrastructure for sequences of documents 7.3.1 Navigables 7.3.1.1 Traversable navigables 7.3.1.2 Top-level traversables 7.3.1.3 Child navigables 7.3.1.4 Jake diagrams 7.3.1.5 Related navigable collections 7.3.1.6 Navigable destruction 7.3.1.7 Navigable target names 7.3.2 Browsing contexts 7.3.2.1 Creating browsing contexts 7.3.2.2 Related browsing contexts 7.3.2.3 Groupings of browsing contexts 7.3.3 Fully active documents 7.4 Navigation and session history 7.4.1 Session history 7.4.1.1 Session history entries 7.4.1.2 Document state 7.4.1.3 Centralized modifications of session history 7.4.1.4 Low-level operations on session history 7.4.2 Navigation 7.4.2.1 Supporting concepts 7.4.2.2 Beginning navigation 7.4.2.3 Ending navigation 7.4.2.3.1 The usual cross-document navigation case 7.4.2.3.2 The javascript: URL special case 7.4.2.3.3 Fragment navigations 7.4.2.3.4 Non-fetch schemes and external software 7.4.2.4 Preventing navigation 7.4.2.5 Aborting navigation 7.4.3 Reloading and traversing 7.4.4 Non-fragment synchronous "navigations" 7.4.5 Populating a session history entry 7.4.6 Applying the history step 7.4.6.1 Updating the traversable 7.4.6.2 Updating the document 7.4.6.3 Revealing the document 7.4.6.4 Scrolling to a fragment 7.4.6.5 Persisted history entry state 7.5 Document lifecycle 7.5.1 Shared document creation infrastructure 7.5.2 Loading HTML documents 7.5.3 Loading XML documents 7.5.4 Loading text documents 7.5.5 Loading multipart/x-mixed-replace documents 7.5.6 Loading media documents 7.5.7 Loading a document for inline content that doesn't have a DOM 7.5.8 Finishing the loading process 7.5.9 Unloading documents 7.5.10 Destroying documents 7.5.11 Aborting a document load 7.6 The X-Frame-Options header 7.7 The Refresh header 7.8 Browser user interface considerations 8 Web application APIs 8.1 Scripting 8.1.1 Introduction 8.1.2 Agents and agent clusters 8.1.2.1 Integration with the JavaScript agent formalism 8.1.2.2 Integration with the JavaScript agent cluster formalism 8.1.3 Realms and their counterparts 8.1.3.1 Environments 8.1.3.2 Environment settings objects 8.1.3.3 Realms, settings objects, and global objects 8.1.3.3.1 Entry 8.1.3.3.2 Incumbent 8.1.3.3.3 Current 8.1.3.3.4 Relevant 8.1.3.4 Enabling and disabling scripting 8.1.3.5 Secure contexts 8.1.4 Script processing model 8.1.4.1 Scripts 8.1.4.2 Fetching scripts 8.1.4.3 Creating scripts 8.1.4.4 Calling scripts 8.1.4.5 Killing scripts 8.1.4.6 Runtime script errors 8.1.4.7 Unhandled promise rejections 8.1.4.8 Import map parse results 8.1.5 Module specifier resolution 8.1.5.1 The resolution algorithm 8.1.5.2 Import maps 8.1.5.3 Import map processing model 8.1.6 JavaScript specification host hooks 8.1.6.1 HostEnsureCanAddPrivateElement(O) 8.1.6.2 HostEnsureCanCompileStrings(realm, parameterStrings, bodyString, codeString, compilationType, parameterArgs, bodyArg) 8.1.6.3 HostGetCodeForEval(argument) 8.1.6.4 HostPromiseRejectionTracker(promise, operation) 8.1.6.5 HostSystemUTCEpochNanoseconds(global) 8.1.6.6 Job-related host hooks 8.1.6.6.1 HostCallJobCallback(callback, V, argumentsList) 8.1.6.6.2 HostEnqueueFinalizationRegistryCleanupJob(finalizationRegistry) 8.1.6.6.3 HostEnqueueGenericJob(job, realm) 8.1.6.6.4 HostEnqueuePromiseJob(job, realm) 8.1.6.6.5 HostEnqueueTimeoutJob(job, realm, milliseconds) 8.1.6.6.6 HostMakeJobCallback(callable) 8.1.6.7 Module-related host hooks 8.1.6.7.1 HostGetImportMetaProperties(moduleRecord) 8.1.6.7.2 HostGetSupportedImportAttributes() 8.1.6.7.3 HostLoadImportedModule(referrer, moduleRequest, loadState, payload) 8.1.7 Event loops 8.1.7.1 Definitions 8.1.7.2 Queuing tasks 8.1.7.3 Processing model 8.1.7.4 Generic task sources 8.1.7.5 Dealing with the event loop from other specifications 8.1.8 Events 8.1.8.1 Event handlers 8.1.8.2 Event handlers on elements, Document objects, and Window objects 8.1.8.2.1 IDL definitions 8.1.8.3 Event firing 8.2 The WindowOrWorkerGlobalScope mixin 8.3 Base64 utility methods 8.4 Dynamic markup insertion 8.4.1 Opening the input stream 8.4.2 Closing the input stream 8.4.3 document.write() 8.4.4 document.writeln() 8.5 DOM parsing and serialization APIs 8.5.1 The DOMParser interface 8.5.2 Unsafe HTML parsing methods 8.5.3 HTML serialization methods 8.5.4 The innerHTML property 8.5.5 The outerHTML property 8.5.6 The insertAdjacentHTML() method 8.5.7 The createContextualFragment() method 8.6 Timers 8.7 Microtask queuing 8.8 User prompts 8.8.1 Simple dialogs 8.8.2 Printing 8.9 System state and capabilities 8.9.1 The Navigator object 8.9.1.1 Client identification 8.9.1.2 Language preferences 8.9.1.3 Browser state 8.9.1.4 Custom scheme handlers: the registerProtocolHandler() method 8.9.1.4.1 Security and privacy 8.9.1.4.2 User agent automation 8.9.1.5 Cookies 8.9.1.6 PDF viewing support 8.10 Images 8.11 Animation frames 9 Communication 9.1 The MessageEvent interface 9.2 Server-sent events 9.2.1 Introduction 9.2.2 The EventSource interface 9.2.3 Processing model 9.2.4 The Last-Event-ID header 9.2.5 Parsing an event stream 9.2.6 Interpreting an event stream 9.2.7 Authoring notes 9.2.8 Connectionless push and other features 9.2.9 Garbage collection 9.2.10 Implementation advice 9.3 Cross-document messaging 9.3.1 Introduction 9.3.2 Security 9.3.2.1 Authors 9.3.2.2 User agents 9.3.3 Posting messages 9.4 Channel messaging 9.4.1 Introduction 9.4.1.1 Examples 9.4.1.2 Ports as the basis of an object-capability model on the web 9.4.1.3 Ports as the basis of abstracting out service implementations 9.4.2 Message channels 9.4.3 Message ports 9.4.4 Ports and garbage collection 9.5 Broadcasting to other browsing contexts 10 Web workers 10.1 Introduction 10.1.1 Scope 10.1.2 Examples 10.1.2.1 A background number-crunching worker 10.1.2.2 Using a JavaScript module as a worker 10.1.2.3 Shared workers introduction 10.1.2.4 Shared state using a shared worker 10.1.2.5 Delegation 10.1.2.6 Providing libraries 10.1.3 Tutorials 10.1.3.1 Creating a dedicated worker 10.1.3.2 Communicating with a dedicated worker 10.1.3.3 Shared workers 10.2 Infrastructure 10.2.1 The global scope 10.2.1.1 The WorkerGlobalScope common interface 10.2.1.2 Dedicated workers and the DedicatedWorkerGlobalScope interface 10.2.1.3 Shared workers and the SharedWorkerGlobalScope interface 10.2.2 The event loop 10.2.3 The worker's lifetime 10.2.4 Processing model 10.2.5 Runtime script errors 10.2.6 Creating workers 10.2.6.1 The AbstractWorker mixin 10.2.6.2 Script settings for workers 10.2.6.3 Dedicated workers and the Worker interface 10.2.6.4 Shared workers and the SharedWorker interface 10.2.7 Concurrent hardware capabilities 10.3 APIs available to workers 10.3.1 Importing scripts and libraries 10.3.2 The WorkerNavigator interface 10.3.3 The WorkerLocation interface 11 Worklets 11.1 Introduction 11.1.1 Motivations 11.1.2 Code idempotence 11.1.3 Speculative evaluation 11.2 Examples 11.2.1 Loading scripts 11.2.2 Registering a class and invoking its methods 11.3 Infrastructure 11.3.1 The global scope 11.3.1.1 Agents and event loops 11.3.1.2 Creation and termination 11.3.1.3 Script settings for worklets 11.3.2 The Worklet class 11.3.3 The worklet's lifetime 12 Web storage 12.1 Introduction 12.2 The API 12.2.1 The Storage interface 12.2.2 The sessionStorage getter 12.2.3 The localStorage getter 12.2.4 The StorageEvent interface 12.3 Privacy 12.3.1 User tracking 12.3.2 Sensitivity of data 12.4 Security 12.4.1 DNS spoofing attacks 12.4.2 Cross-directory attacks 12.4.3 Implementation risks 13 The HTML syntax 13.1 Writing HTML documents 13.1.1 The DOCTYPE 13.1.2 Elements 13.1.2.1 Start tags 13.1.2.2 End tags 13.1.2.3 Attributes 13.1.2.4 Optional tags 13.1.2.5 Restrictions on content models 13.1.2.6 Restrictions on the contents of raw text and escapable raw text elements 13.1.3 Text 13.1.3.1 Newlines 13.1.4 Character references 13.1.5 CDATA sections 13.1.6 Comments 13.2 Parsing HTML documents 13.2.1 Overview of the parsing model 13.2.2 Parse errors 13.2.3 The input byte stream 13.2.3.1 Parsing with a known character encoding 13.2.3.2 Determining the character encoding 13.2.3.3 Character encodings 13.2.3.4 Changing the encoding while parsing 13.2.3.5 Preprocessing the input stream 13.2.4 Parse state 13.2.4.1 The insertion mode 13.2.4.2 The stack of open elements 13.2.4.3 The list of active formatting elements 13.2.4.4 The element pointers 13.2.4.5 Other parsing state flags 13.2.5 Tokenization 13.2.5.1 Data state 13.2.5.2 RCDATA state 13.2.5.3 RAWTEXT state 13.2.5.4 Script data state 13.2.5.5 PLAINTEXT state 13.2.5.6 Tag open state 13.2.5.7 End tag open state 13.2.5.8 Tag name state 13.2.5.9 RCDATA less-than sign state 13.2.5.10 RCDATA end tag open state 13.2.5.11 RCDATA end tag name state 13.2.5.12 RAWTEXT less-than sign state 13.2.5.13 RAWTEXT end tag open state 13.2.5.14 RAWTEXT end tag name state 13.2.5.15 Script data less-than sign state 13.2.5.16 Script data end tag open state 13.2.5.17 Script data end tag name state 13.2.5.18 Script data escape start state 13.2.5.19 Script data escape start dash state 13.2.5.20 Script data escaped state 13.2.5.21 Script data escaped dash state 13.2.5.22 Script data escaped dash dash state 13.2.5.23 Script data escaped less-than sign state 13.2.5.24 Script data escaped end tag open state 13.2.5.25 Script data escaped end tag name state 13.2.5.26 Script data double escape start state 13.2.5.27 Script data double escaped state 13.2.5.28 Script data double escaped dash state 13.2.5.29 Script data double escaped dash dash state 13.2.5.30 Script data double escaped less-than sign state 13.2.5.31 Script data double escape end state 13.2.5.32 Before attribute name state 13.2.5.33 Attribute name state 13.2.5.34 After attribute name state 13.2.5.35 Before attribute value state 13.2.5.36 Attribute value (double-quoted) state 13.2.5.37 Attribute value (single-quoted) state 13.2.5.38 Attribute value (unquoted) state 13.2.5.39 After attribute value (quoted) state 13.2.5.40 Self-closing start tag state 13.2.5.41 Bogus comment state 13.2.5.42 Markup declaration open state 13.2.5.43 Comment start state 13.2.5.44 Comment start dash state 13.2.5.45 Comment state 13.2.5.46 Comment less-than sign state 13.2.5.47 Comment less-than sign bang state 13.2.5.48 Comment less-than sign bang dash state 13.2.5.49 Comment less-than sign bang dash dash state 13.2.5.50 Comment end dash state 13.2.5.51 Comment end state 13.2.5.52 Comment end bang state 13.2.5.53 DOCTYPE state 13.2.5.54 Before DOCTYPE name state 13.2.5.55 DOCTYPE name state 13.2.5.56 After DOCTYPE name state 13.2.5.57 After DOCTYPE public keyword state 13.2.5.58 Before DOCTYPE public identifier state 13.2.5.59 DOCTYPE public identifier (double-quoted) state 13.2.5.60 DOCTYPE public identifier (single-quoted) state 13.2.5.61 After DOCTYPE public identifier state 13.2.5.62 Between DOCTYPE public and system identifiers state 13.2.5.63 After DOCTYPE system keyword state 13.2.5.64 Before DOCTYPE system identifier state 13.2.5.65 DOCTYPE system identifier (double-quoted) state 13.2.5.66 DOCTYPE system identifier (single-quoted) state 13.2.5.67 After DOCTYPE system identifier state 13.2.5.68 Bogus DOCTYPE state 13.2.5.69 CDATA section state 13.2.5.70 CDATA section bracket state 13.2.5.71 CDATA section end state 13.2.5.72 Character reference state 13.2.5.73 Named character reference state 13.2.5.74 Ambiguous ampersand state 13.2.5.75 Numeric character reference state 13.2.5.76 Hexadecimal character reference start state 13.2.5.77 Decimal character reference start state 13.2.5.78 Hexadecimal character reference state 13.2.5.79 Decimal character reference state 13.2.5.80 Numeric character reference end state 13.2.6 Tree construction 13.2.6.1 Creating and inserting nodes 13.2.6.2 Parsing elements that contain only text 13.2.6.3 Closing elements that have implied end tags 13.2.6.4 The rules for parsing tokens in HTML content 13.2.6.4.1 The "initial" insertion mode 13.2.6.4.2 The "before html" insertion mode 13.2.6.4.3 The "before head" insertion mode 13.2.6.4.4 The "in head" insertion mode 13.2.6.4.5 The "in head noscript" insertion mode 13.2.6.4.6 The "after head" insertion mode 13.2.6.4.7 The "in body" insertion mode 13.2.6.4.8 The "text" insertion mode 13.2.6.4.9 The "in table" insertion mode 13.2.6.4.10 The "in table text" insertion mode 13.2.6.4.11 The "in caption" insertion mode 13.2.6.4.12 The "in column group" insertion mode 13.2.6.4.13 The "in table body" insertion mode 13.2.6.4.14 The "in row" insertion mode 13.2.6.4.15 The "in cell" insertion mode 13.2.6.4.16 The "in select" insertion mode 13.2.6.4.17 The "in select in table" insertion mode 13.2.6.4.18 The "in template" insertion mode 13.2.6.4.19 The "after body" insertion mode 13.2.6.4.20 The "in frameset" insertion mode 13.2.6.4.21 The "after frameset" insertion mode 13.2.6.4.22 The "after after body" insertion mode 13.2.6.4.23 The "after after frameset" insertion mode 13.2.6.5 The rules for parsing tokens in foreign content 13.2.7 The end 13.2.8 Speculative HTML parsing 13.2.9 Coercing an HTML DOM into an infoset 13.2.10 An introduction to error handling and strange cases in the parser 13.2.10.1 Misnested tags: 13.2.10.2 Misnested tags:

13.2.10.3 Unexpected markup in tables 13.2.10.4 Scripts that modify the page as it is being parsed 13.2.10.5 The execution of scripts that are moving across multiple documents 13.2.10.6 Unclosed formatting elements 13.3 Serializing HTML fragments 13.4 Parsing HTML fragments 13.5 Named character references 14 The XML syntax 14.1 Writing documents in the XML syntax 14.2 Parsing XML documents 14.3 Serializing XML fragments 14.4 Parsing XML fragments 15 Rendering 15.1 Introduction 15.2 The CSS user agent style sheet and presentational hints 15.3 Non-replaced elements 15.3.1 Hidden elements 15.3.2 The page 15.3.3 Flow content 15.3.4 Phrasing content 15.3.5 Bidirectional text 15.3.6 Sections and headings 15.3.7 Lists 15.3.8 Tables 15.3.9 Margin collapsing quirks 15.3.10 Form controls 15.3.11 The hr element 15.3.12 The fieldset and legend elements 15.4 Replaced elements 15.4.1 Embedded content 15.4.2 Images 15.4.3 Attributes for embedded content and images 15.4.4 Image maps 15.5 Widgets 15.5.1 Native appearance 15.5.2 Writing mode 15.5.3 Button layout 15.5.4 The button element 15.5.5 The details and summary elements 15.5.6 The input element as a text entry widget 15.5.7 The input element as domain-specific widgets 15.5.8 The input element as a range control 15.5.9 The input element as a color well 15.5.10 The input element as a checkbox and radio button widgets 15.5.11 The input element as a file upload control 15.5.12 The input element as a button 15.5.13 The marquee element 15.5.14 The meter element 15.5.15 The progress element 15.5.16 The select element 15.5.17 The textarea element 15.6 Frames and framesets 15.7 Interactive media 15.7.1 Links, forms, and navigation 15.7.2 The title attribute 15.7.3 Editing hosts 15.7.4 Text rendered in native user interfaces 15.8 Print media 15.9 Unstyled XML documents 16 Obsolete features 16.1 Obsolete but conforming features 16.1.1 Warnings for obsolete but conforming features 16.2 Non-conforming features 16.3 Requirements for implementations 16.3.1 The marquee element 16.3.2 Frames 16.3.3 Other elements, attributes and APIs 17 IANA considerations 17.1 text/html 17.2 multipart/x-mixed-replace 17.3 application/xhtml+xml 17.4 text/ping 17.5 application/microdata+json 17.6 text/event-stream 17.7 web+ scheme prefix Index Elements Element content categories Attributes Element interfaces All interfaces Events HTTP headers MIME types References Acknowledgments Intellectual property rightsgithub-recovery-codes.txt

ForworkMeta commented 2 weeks ago

pp_my_qrcode_1723735421533.jpg

HTML Living Standard — Last Updated 23 August 2024

One-Page Version html.spec.whatwg.org

Multipage Version /multipage

Version for Web Devs /dev

PDF Version /print.pdf

Translations 日本語 • 简体中文

FAQ on GitHub

Chat on Matrix

Contribute on GitHub whatwg/html repository

Commits on GitHub

Snapshot as of this commit

Twitter Updates @htmlstandard

Open Issues filed on GitHub

Open an Issue whatwg.org/newbug

Tests web-platform-tests html/

Issues for Tests ongoing work Table of contents 1 Introduction 2 Common infrastructure 3 Semantics, structure, and APIs of HTML documents 4 The elements of HTML 5 Microdata 6 User interaction 7 Loading web pages 8 Web application APIs 9 Communication 10 Web workers 11 Worklets 12 Web storage 13 The HTML syntax 14 The XML syntax 15 Rendering 16 Obsolete features 17 IANA considerations Index References Acknowledgments Intellectual property rights Full table of contents 1 Introduction 1.1 Where does this specification fit? 1.2 Is this HTML5? 1.3 Background 1.4 Audience 1.5 Scope 1.6 History 1.7 Design notes 1.7.1 Serializability of script execution 1.7.2 Compliance with other specifications 1.7.3 Extensibility 1.8 HTML vs XML syntax 1.9 Structure of this specification 1.9.1 How to read this specification 1.9.2 Typographic conventions 1.10 A quick introduction to HTML 1.10.1 Writing secure applications with HTML 1.10.2 Common pitfalls to avoid when using the scripting APIs 1.10.3 How to catch mistakes when writing HTML: validators and conformance checkers 1.11 Conformance requirements for authors 1.11.1 Presentational markup 1.11.2 Syntax errors 1.11.3 Restrictions on content models and on attribute values 1.12 Suggested reading 2 Common infrastructure 2.1 Terminology 2.1.1 Parallelism 2.1.2 Resources 2.1.3 XML compatibility 2.1.4 DOM trees 2.1.5 Scripting 2.1.6 Plugins 2.1.7 Character encodings 2.1.8 Conformance classes 2.1.9 Dependencies 2.1.10 Extensibility 2.1.11 Interactions with XPath and XSLT 2.2 Policy-controlled features 2.3 Common microsyntaxes 2.3.1 Common parser idioms 2.3.2 Boolean attributes 2.3.3 Keywords and enumerated attributes 2.3.4 Numbers 2.3.4.1 Signed integers 2.3.4.2 Non-negative integers 2.3.4.3 Floating-point numbers 2.3.4.4 Percentages and lengths 2.3.4.5 Nonzero percentages and lengths 2.3.4.6 Lists of floating-point numbers 2.3.4.7 Lists of dimensions 2.3.5 Dates and times 2.3.5.1 Months 2.3.5.2 Dates 2.3.5.3 Yearless dates 2.3.5.4 Times 2.3.5.5 Local dates and times 2.3.5.6 Time zones 2.3.5.7 Global dates and times 2.3.5.8 Weeks 2.3.5.9 Durations 2.3.5.10 Vaguer moments in time 2.3.6 Colors 2.3.7 Space-separated tokens 2.3.8 Comma-separated tokens 2.3.9 References 2.3.10 Media queries 2.3.11 Unique internal values 2.4 URLs 2.4.1 Terminology 2.4.2 Parsing URLs 2.4.3 Dynamic changes to base URLs 2.5 Fetching resources 2.5.1 Terminology 2.5.2 Determining the type of a resource 2.5.3 Extracting character encodings from meta elements 2.5.4 CORS settings attributes 2.5.5 Referrer policy attributes 2.5.6 Nonce attributes 2.5.7 Lazy loading attributes 2.5.8 Blocking attributes 2.5.9 Fetch priority attributes 2.6 Common DOM interfaces 2.6.1 Reflecting content attributes in IDL attributes 2.6.2 Using reflect in specifications 2.6.3 Collections 2.6.3.1 The HTMLAllCollection interface 2.6.3.1.1 [[Call]] ( thisArgument, argumentsList ) 2.6.3.2 The HTMLFormControlsCollection interface 2.6.3.3 The HTMLOptionsCollection interface 2.6.4 The DOMStringList interface 2.7 Safe passing of structured data 2.7.1 Serializable objects 2.7.2 Transferable objects 2.7.3 StructuredSerializeInternal ( value, forStorage [ , memory ] ) 2.7.4 StructuredSerialize ( value ) 2.7.5 StructuredSerializeForStorage ( value ) 2.7.6 StructuredDeserialize ( serialized, targetRealm [ , memory ] ) 2.7.7 StructuredSerializeWithTransfer ( value, transferList ) 2.7.8 StructuredDeserializeWithTransfer ( serializeWithTransferResult, targetRealm ) 2.7.9 Performing serialization and transferring from other specifications 2.7.10 Structured cloning API 3 Semantics, structure, and APIs of HTML documents 3.1 Documents 3.1.1 The Document object 3.1.2 The DocumentOrShadowRoot interface 3.1.3 Resource metadata management 3.1.4 Reporting document loading status 3.1.5 Render-blocking mechanism 3.1.6 DOM tree accessors 3.2 Elements 3.2.1 Semantics 3.2.2 Elements in the DOM 3.2.3 HTML element constructors 3.2.4 Element definitions 3.2.4.1 Attributes 3.2.5 Content models 3.2.5.1 The "nothing" content model 3.2.5.2 Kinds of content 3.2.5.2.1 Metadata content 3.2.5.2.2 Flow content 3.2.5.2.3 Sectioning content 3.2.5.2.4 Heading content 3.2.5.2.5 Phrasing content 3.2.5.2.6 Embedded content 3.2.5.2.7 Interactive content 3.2.5.2.8 Palpable content 3.2.5.2.9 Script-supporting elements 3.2.5.3 Transparent content models 3.2.5.4 Paragraphs 3.2.6 Global attributes 3.2.6.1 The title attribute 3.2.6.2 The lang and xml:lang attributes 3.2.6.3 The translate attribute 3.2.6.4 The dir attribute 3.2.6.5 The style attribute 3.2.6.6 Embedding custom non-visible data with the data-* attributes 3.2.7 The innerText and outerText properties 3.2.8 Requirements relating to the bidirectional algorithm 3.2.8.1 Authoring conformance criteria for bidirectional-algorithm formatting characters 3.2.8.2 User agent conformance criteria 3.2.9 Requirements related to ARIA and to platform accessibility APIs 4 The elements of HTML 4.1 The document element 4.1.1 The html element 4.2 Document metadata 4.2.1 The head element 4.2.2 The title element 4.2.3 The base element 4.2.4 The link element 4.2.4.1 Processing the media attribute 4.2.4.2 Processing the type attribute 4.2.4.3 Fetching and processing a resource from a link element 4.2.4.4 Processing Link headers 4.2.4.5 Early hints 4.2.4.6 Providing users with a means to follow hyperlinks created using the link element 4.2.5 The meta element 4.2.5.1 Standard metadata names 4.2.5.2 Other metadata names 4.2.5.3 Pragma directives 4.2.5.4 Specifying the document's character encoding 4.2.6 The style element 4.2.7 Interactions of styling and scripting 4.3 Sections 4.3.1 The body element 4.3.2 The article element 4.3.3 The section element 4.3.4 The nav element 4.3.5 The aside element 4.3.6 The h1, h2, h3, h4, h5, and h6 elements 4.3.7 The hgroup element 4.3.8 The header element 4.3.9 The footer element 4.3.10 The address element 4.3.11 Headings and outlines 4.3.11.1 Sample outlines 4.3.11.2 Exposing outlines to users 4.3.12 Usage summary 4.3.12.1 Article or section? 4.4 Grouping content 4.4.1 The p element 4.4.2 The hr element 4.4.3 The pre element 4.4.4 The blockquote element 4.4.5 The ol element 4.4.6 The ul element 4.4.7 The menu element 4.4.8 The li element 4.4.9 The dl element 4.4.10 The dt element 4.4.11 The dd element 4.4.12 The figure element 4.4.13 The figcaption element 4.4.14 The main element 4.4.15 The search element 4.4.16 The div element 4.5 Text-level semantics 4.5.1 The a element 4.5.2 The em element 4.5.3 The strong element 4.5.4 The small element 4.5.5 The s element 4.5.6 The cite element 4.5.7 The q element 4.5.8 The dfn element 4.5.9 The abbr element 4.5.10 The ruby element 4.5.11 The rt element 4.5.12 The rp element 4.5.13 The data element 4.5.14 The time element 4.5.15 The code element 4.5.16 The var element 4.5.17 The samp element 4.5.18 The kbd element 4.5.19 The sub and sup elements 4.5.20 The i element 4.5.21 The b element 4.5.22 The u element 4.5.23 The mark element 4.5.24 The bdi element 4.5.25 The bdo element 4.5.26 The span element 4.5.27 The br element 4.5.28 The wbr element 4.5.29 Usage summary 4.6 Links 4.6.1 Introduction 4.6.2 Links created by a and area elements 4.6.3 API for a and area elements 4.6.4 Following hyperlinks 4.6.5 Downloading resources 4.6.6 Hyperlink auditing 4.6.6.1 The Ping-From and Ping-To headers 4.6.7 Link types 4.6.7.1 Link type "alternate" 4.6.7.2 Link type "author" 4.6.7.3 Link type "bookmark" 4.6.7.4 Link type "canonical" 4.6.7.5 Link type "dns-prefetch" 4.6.7.6 Link type "expect" 4.6.7.7 Link type "external" 4.6.7.8 Link type "help" 4.6.7.9 Link type "icon" 4.6.7.10 Link type "license" 4.6.7.11 Link type "manifest" 4.6.7.12 Link type "modulepreload" 4.6.7.13 Link type "nofollow" 4.6.7.14 Link type "noopener" 4.6.7.15 Link type "noreferrer" 4.6.7.16 Link type "opener" 4.6.7.17 Link type "pingback" 4.6.7.18 Link type "preconnect" 4.6.7.19 Link type "prefetch" 4.6.7.20 Link type "preload" 4.6.7.21 Link type "privacy-policy" 4.6.7.22 Link type "search" 4.6.7.23 Link type "stylesheet" 4.6.7.24 Link type "tag" 4.6.7.25 Link Type "terms-of-service" 4.6.7.26 Sequential link types 4.6.7.26.1 Link type "next" 4.6.7.26.2 Link type "prev" 4.6.7.27 Other link types 4.7 Edits 4.7.1 The ins element 4.7.2 The del element 4.7.3 Attributes common to ins and del elements 4.7.4 Edits and paragraphs 4.7.5 Edits and lists 4.7.6 Edits and tables 4.8 Embedded content 4.8.1 The picture element 4.8.2 The source element 4.8.3 The img element 4.8.4 Images 4.8.4.1 Introduction 4.8.4.1.1 Adaptive images 4.8.4.2 Attributes common to source, img, and link elements 4.8.4.2.1 Srcset attributes 4.8.4.2.2 Sizes attributes 4.8.4.3 Processing model 4.8.4.3.1 When to obtain images 4.8.4.3.2 Reacting to DOM mutations 4.8.4.3.3 The list of available images 4.8.4.3.4 Decoding images 4.8.4.3.5 Updating the image data 4.8.4.3.6 Preparing an image for presentation 4.8.4.3.7 Selecting an image source 4.8.4.3.8 Creating a source set from attributes 4.8.4.3.9 Updating the source set 4.8.4.3.10 Parsing a srcset attribute 4.8.4.3.11 Parsing a sizes attribute 4.8.4.3.12 Normalizing the source densities 4.8.4.3.13 Reacting to environment changes 4.8.4.4 Requirements for providing text to act as an alternative for images 4.8.4.4.1 General guidelines 4.8.4.4.2 A link or button containing nothing but the image 4.8.4.4.3 A phrase or paragraph with an alternative graphical representation: charts, diagrams, graphs, maps, illustrations 4.8.4.4.4 A short phrase or label with an alternative graphical representation: icons, logos 4.8.4.4.5 Text that has been rendered to a graphic for typographical effect 4.8.4.4.6 A graphical representation of some of the surrounding text 4.8.4.4.7 Ancillary images 4.8.4.4.8 A purely decorative image that doesn't add any information 4.8.4.4.9 A group of images that form a single larger picture with no links 4.8.4.4.10 A group of images that form a single larger picture with links 4.8.4.4.11 A key part of the content 4.8.4.4.12 An image not intended for the user 4.8.4.4.13 An image in an email or private document intended for a specific person who is known to be able to view images 4.8.4.4.14 Guidance for markup generators 4.8.4.4.15 Guidance for conformance checkers 4.8.5 The iframe element 4.8.6 The embed element 4.8.7 The object element 4.8.8 The video element 4.8.9 The audio element 4.8.10 The track element 4.8.11 Media elements 4.8.11.1 Error codes 4.8.11.2 Location of the media resource 4.8.11.3 MIME types 4.8.11.4 Network states 4.8.11.5 Loading the media resource 4.8.11.6 Offsets into the media resource 4.8.11.7 Ready states 4.8.11.8 Playing the media resource 4.8.11.9 Seeking 4.8.11.10 Media resources with multiple media tracks 4.8.11.10.1 AudioTrackList and VideoTrackList objects 4.8.11.10.2 Selecting specific audio and video tracks declaratively 4.8.11.11 Timed text tracks 4.8.11.11.1 Text track model 4.8.11.11.2 Sourcing in-band text tracks 4.8.11.11.3 Sourcing out-of-band text tracks 4.8.11.11.4 Guidelines for exposing cues in various formats as text track cues 4.8.11.11.5 Text track API 4.8.11.11.6 Event handlers for objects of the text track APIs 4.8.11.11.7 Best practices for metadata text tracks 4.8.11.12 Identifying a track kind through a URL 4.8.11.13 User interface 4.8.11.14 Time ranges 4.8.11.15 The TrackEvent interface 4.8.11.16 Events summary 4.8.11.17 Security and privacy considerations 4.8.11.18 Best practices for authors using media elements 4.8.11.19 Best practices for implementers of media elements 4.8.12 The map element 4.8.13 The area element 4.8.14 Image maps 4.8.14.1 Authoring 4.8.14.2 Processing model 4.8.15 MathML 4.8.16 SVG 4.8.17 Dimension attributes 4.9 Tabular data 4.9.1 The table element 4.9.1.1 Techniques for describing tables 4.9.1.2 Techniques for table design 4.9.2 The caption element 4.9.3 The colgroup element 4.9.4 The col element 4.9.5 The tbody element 4.9.6 The thead element 4.9.7 The tfoot element 4.9.8 The tr element 4.9.9 The td element 4.9.10 The th element 4.9.11 Attributes common to td and th elements 4.9.12 Processing model 4.9.12.1 Forming a table 4.9.12.2 Forming relationships between data cells and header cells 4.9.13 Examples 4.10 Forms 4.10.1 Introduction 4.10.1.1 Writing a form's user interface 4.10.1.2 Implementing the server-side processing for a form 4.10.1.3 Configuring a form to communicate with a server 4.10.1.4 Client-side form validation 4.10.1.5 Enabling client-side automatic filling of form controls 4.10.1.6 Improving the user experience on mobile devices 4.10.1.7 The difference between the field type, the autofill field name, and the input modality 4.10.1.8 Date, time, and number formats 4.10.2 Categories 4.10.3 The form element 4.10.4 The label element 4.10.5 The input element 4.10.5.1 States of the type attribute 4.10.5.1.1 Hidden state (type=hidden) 4.10.5.1.2 Text (type=text) state and Search state (type=search) 4.10.5.1.3 Telephone state (type=tel) 4.10.5.1.4 URL state (type=url) 4.10.5.1.5 Email state (type=email) 4.10.5.1.6 Password state (type=password) 4.10.5.1.7 Date state (type=date) 4.10.5.1.8 Month state (type=month) 4.10.5.1.9 Week state (type=week) 4.10.5.1.10 Time state (type=time) 4.10.5.1.11 Local Date and Time state (type=datetime-local) 4.10.5.1.12 Number state (type=number) 4.10.5.1.13 Range state (type=range) 4.10.5.1.14 Color state (type=color) 4.10.5.1.15 Checkbox state (type=checkbox) 4.10.5.1.16 Radio Button state (type=radio) 4.10.5.1.17 File Upload state (type=file) 4.10.5.1.18 Submit Button state (type=submit) 4.10.5.1.19 Image Button state (type=image) 4.10.5.1.20 Reset Button state (type=reset) 4.10.5.1.21 Button state (type=button) 4.10.5.2 Implementation notes regarding localization of form controls 4.10.5.3 Common input element attributes 4.10.5.3.1 The maxlength and minlength attributes 4.10.5.3.2 The size attribute 4.10.5.3.3 The readonly attribute 4.10.5.3.4 The required attribute 4.10.5.3.5 The multiple attribute 4.10.5.3.6 The pattern attribute 4.10.5.3.7 The min and max attributes 4.10.5.3.8 The step attribute 4.10.5.3.9 The list attribute 4.10.5.3.10 The placeholder attribute 4.10.5.4 Common input element APIs 4.10.5.5 Common event behaviors 4.10.6 The button element 4.10.7 The select element 4.10.8 The datalist element 4.10.9 The optgroup element 4.10.10 The option element 4.10.11 The textarea element 4.10.12 The output element 4.10.13 The progress element 4.10.14 The meter element 4.10.15 The fieldset element 4.10.16 The legend element 4.10.17 Form control infrastructure 4.10.17.1 A form control's value 4.10.17.2 Mutability 4.10.17.3 Association of controls and forms 4.10.18 Attributes common to form controls 4.10.18.1 Naming form controls: the name attribute 4.10.18.2 Submitting element directionality: the dirname attribute 4.10.18.3 Limiting user input length: the maxlength attribute 4.10.18.4 Setting minimum input length requirements: the minlength attribute 4.10.18.5 Enabling and disabling form controls: the disabled attribute 4.10.18.6 Form submission attributes 4.10.18.7 Autofill 4.10.18.7.1 Autofilling form controls: the autocomplete attribute 4.10.18.7.2 Processing model 4.10.19 APIs for the text control selections 4.10.20 Constraints 4.10.20.1 Definitions 4.10.20.2 Constraint validation 4.10.20.3 The constraint validation API 4.10.20.4 Security 4.10.21 Form submission 4.10.21.1 Introduction 4.10.21.2 Implicit submission 4.10.21.3 Form submission algorithm 4.10.21.4 Constructing the entry list 4.10.21.5 Selecting a form submission encoding 4.10.21.6 Converting an entry list to a list of name-value pairs 4.10.21.7 URL-encoded form data 4.10.21.8 Multipart form data 4.10.21.9 Plain text form data 4.10.21.10 The SubmitEvent interface 4.10.21.11 The FormDataEvent interface 4.10.22 Resetting a form 4.11 Interactive elements 4.11.1 The details element 4.11.2 The summary element 4.11.3 Commands 4.11.3.1 Facets 4.11.3.2 Using the a element to define a command 4.11.3.3 Using the button element to define a command 4.11.3.4 Using the input element to define a command 4.11.3.5 Using the option element to define a command 4.11.3.6 Using the accesskey attribute on a legend element to define a command 4.11.3.7 Using the accesskey attribute to define a command on other elements 4.11.4 The dialog element 4.12 Scripting 4.12.1 The script element 4.12.1.1 Processing model 4.12.1.2 Scripting languages 4.12.1.3 Restrictions for contents of script elements 4.12.1.4 Inline documentation for external scripts 4.12.1.5 Interaction of script elements and XSLT 4.12.2 The noscript element 4.12.3 The template element 4.12.3.1 Interaction of template elements with XSLT and XPath 4.12.4 The slot element 4.12.5 The canvas element 4.12.5.1 The 2D rendering context 4.12.5.1.1 Implementation notes 4.12.5.1.2 The canvas state 4.12.5.1.3 Line styles 4.12.5.1.4 Text styles 4.12.5.1.5 Building paths 4.12.5.1.6 Path2D objects 4.12.5.1.7 Transformations 4.12.5.1.8 Image sources for 2D rendering contexts 4.12.5.1.9 Fill and stroke styles 4.12.5.1.10 Drawing rectangles to the bitmap 4.12.5.1.11 Drawing text to the bitmap 4.12.5.1.12 Drawing paths to the canvas 4.12.5.1.13 Drawing focus rings 4.12.5.1.14 Drawing images 4.12.5.1.15 Pixel manipulation 4.12.5.1.16 Compositing 4.12.5.1.17 Image smoothing 4.12.5.1.18 Shadows 4.12.5.1.19 Filters 4.12.5.1.20 Working with externally-defined SVG filters 4.12.5.1.21 Drawing model 4.12.5.1.22 Best practices 4.12.5.1.23 Examples 4.12.5.2 The ImageBitmap rendering context 4.12.5.2.1 Introduction 4.12.5.2.2 The ImageBitmapRenderingContext interface 4.12.5.3 The OffscreenCanvas interface 4.12.5.3.1 The offscreen 2D rendering context 4.12.5.4 Color spaces and color space conversion 4.12.5.5 Serializing bitmaps to a file 4.12.5.6 Security with canvas elements 4.12.5.7 Premultiplied alpha and the 2D rendering context 4.13 Custom elements 4.13.1 Introduction 4.13.1.1 Creating an autonomous custom element 4.13.1.2 Creating a form-associated custom element 4.13.1.3 Creating a custom element with default accessible roles, states, and properties 4.13.1.4 Creating a customized built-in element 4.13.1.5 Drawbacks of autonomous custom elements 4.13.1.6 Upgrading elements after their creation 4.13.1.7 Exposing custom element states 4.13.2 Requirements for custom element constructors and reactions 4.13.3 Core concepts 4.13.4 The CustomElementRegistry interface 4.13.5 Upgrades 4.13.6 Custom element reactions 4.13.7 Element internals 4.13.7.1 The ElementInternals interface 4.13.7.2 Shadow root access 4.13.7.3 Form-associated custom elements 4.13.7.4 Accessibility semantics 4.13.7.5 Custom state pseudo-class 4.14 Common idioms without dedicated elements 4.14.1 Breadcrumb navigation 4.14.2 Tag clouds 4.14.3 Conversations 4.14.4 Footnotes 4.15 Disabled elements 4.16 Matching HTML elements using selectors and CSS 4.16.1 Case-sensitivity of the CSS 'attr()' function 4.16.2 Case-sensitivity of selectors 4.16.3 Pseudo-classes 5 Microdata 5.1 Introduction 5.1.1 Overview 5.1.2 The basic syntax 5.1.3 Typed items 5.1.4 Global identifiers for items 5.1.5 Selecting names when defining vocabularies 5.2 Encoding microdata 5.2.1 The microdata model 5.2.2 Items 5.2.3 Names: the itemprop attribute 5.2.4 Values 5.2.5 Associating names with items 5.2.6 Microdata and other namespaces 5.3 Sample microdata vocabularies 5.3.1 vCard 5.3.1.1 Conversion to vCard 5.3.1.2 Examples 5.3.2 vEvent 5.3.2.1 Conversion to iCalendar 5.3.2.2 Examples 5.3.3 Licensing works 5.3.3.1 Examples 5.4 Converting HTML to other formats 5.4.1 JSON 6 User interaction 6.1 The hidden attribute 6.2 Page visibility 6.2.1 The VisibilityStateEntry interface 6.3 Inert subtrees 6.3.1 Modal dialogs and inert subtrees 6.3.2 The inert attribute 6.4 Tracking user activation 6.4.1 Data model 6.4.2 Processing model 6.4.3 APIs gated by user activation 6.4.4 The UserActivation interface 6.4.5 User agent automation 6.5 Activation behavior of elements 6.5.1 The ToggleEvent interface 6.6 Focus 6.6.1 Introduction 6.6.2 Data model 6.6.3 The tabindex attribute 6.6.4 Processing model 6.6.5 Sequential focus navigation 6.6.6 Focus management APIs 6.6.7 The autofocus attribute 6.7 Assigning keyboard shortcuts 6.7.1 Introduction 6.7.2 The accesskey attribute 6.7.3 Processing model 6.8 Editing 6.8.1 Making document regions editable: The contenteditable content attribute 6.8.2 Making entire documents editable: the designMode getter and setter 6.8.3 Best practices for in-page editors 6.8.4 Editing APIs 6.8.5 Spelling and grammar checking 6.8.6 Writing suggestions 6.8.7 Autocapitalization 6.8.8 Input modalities: the inputmode attribute 6.8.9 Input modalities: the enterkeyhint attribute 6.9 Find-in-page 6.9.1 Introduction 6.9.2 Interaction with details and hidden=until-found 6.9.3 Interaction with selection 6.10 Close requests and close watchers 6.10.1 Close requests 6.10.2 Close watcher infrastructure 6.10.3 The CloseWatcher interface 6.11 Drag and drop 6.11.1 Introduction 6.11.2 The drag data store 6.11.3 The DataTransfer interface 6.11.3.1 The DataTransferItemList interface 6.11.3.2 The DataTransferItem interface 6.11.4 The DragEvent interface 6.11.5 Processing model 6.11.6 Events summary 6.11.7 The draggable attribute 6.11.8 Security risks in the drag-and-drop model 6.12 The popover attribute 6.12.1 The popover target attributes 6.12.2 Popover light dismiss 7 Loading web pages 7.1 Supporting concepts 7.1.1 Origins 7.1.1.1 Sites 7.1.1.2 Relaxing the same-origin restriction 7.1.2 Origin-keyed agent clusters 7.1.3 Cross-origin opener policies 7.1.3.1 The headers 7.1.3.2 Browsing context group switches due to cross-origin opener policy 7.1.3.3 Reporting 7.1.4 Cross-origin embedder policies 7.1.4.1 The headers 7.1.4.2 Embedder policy checks 7.1.5 Sandboxing 7.1.6 Policy containers 7.2 APIs related to navigation and session history 7.2.1 Security infrastructure for Window, WindowProxy, and Location objects 7.2.1.1 Integration with IDL 7.2.1.2 Shared internal slot: [[CrossOriginPropertyDescriptorMap]] 7.2.1.3 Shared abstract operations 7.2.1.3.1 CrossOriginProperties ( O ) 7.2.1.3.2 CrossOriginPropertyFallback ( P ) 7.2.1.3.3 IsPlatformObjectSameOrigin ( O ) 7.2.1.3.4 CrossOriginGetOwnPropertyHelper ( O, P ) 7.2.1.3.5 CrossOriginGet ( O, P, Receiver ) 7.2.1.3.6 CrossOriginSet ( O, P, V, Receiver ) 7.2.1.3.7 CrossOriginOwnPropertyKeys ( O ) 7.2.2 The Window object 7.2.2.1 Opening and closing windows 7.2.2.2 Indexed access on the Window object 7.2.2.3 Named access on the Window object 7.2.2.4 Accessing related windows 7.2.2.5 Historical browser interface element APIs 7.2.2.6 Script settings for Window objects 7.2.3 The WindowProxy exotic object 7.2.3.1 [[GetPrototypeOf]] ( ) 7.2.3.2 [[SetPrototypeOf]] ( V ) 7.2.3.3 [[IsExtensible]] ( ) 7.2.3.4 [[PreventExtensions]] ( ) 7.2.3.5 [[GetOwnProperty]] ( P ) 7.2.3.6 [[DefineOwnProperty]] ( P, Desc ) 7.2.3.7 [[Get]] ( P, Receiver ) 7.2.3.8 [[Set]] ( P, V, Receiver ) 7.2.3.9 [[Delete]] ( P ) 7.2.3.10 [[OwnPropertyKeys]] ( ) 7.2.4 The Location interface 7.2.4.1 [[GetPrototypeOf]] ( ) 7.2.4.2 [[SetPrototypeOf]] ( V ) 7.2.4.3 [[IsExtensible]] ( ) 7.2.4.4 [[PreventExtensions]] ( ) 7.2.4.5 [[GetOwnProperty]] ( P ) 7.2.4.6 [[DefineOwnProperty]] ( P, Desc ) 7.2.4.7 [[Get]] ( P, Receiver ) 7.2.4.8 [[Set]] ( P, V, Receiver ) 7.2.4.9 [[Delete]] ( P ) 7.2.4.10 [[OwnPropertyKeys]] ( ) 7.2.5 The History interface 7.2.6 The navigation API 7.2.6.1 Introduction 7.2.6.2 The Navigation interface 7.2.6.3 Core infrastructure 7.2.6.4 Initializing and updating the entry list 7.2.6.5 The NavigationHistoryEntry interface 7.2.6.6 The history entry list 7.2.6.7 Initiating navigations 7.2.6.8 Ongoing navigation tracking 7.2.6.9 The NavigationActivation interface 7.2.6.10 The navigate event 7.2.6.10.1 The NavigateEvent interface 7.2.6.10.2 The NavigationDestination interface 7.2.6.10.3 Firing the event 7.2.6.10.4 Scroll and focus behavior 7.2.7 Event interfaces 7.2.7.1 The NavigationCurrentEntryChangeEvent interface 7.2.7.2 The PopStateEvent interface 7.2.7.3 The HashChangeEvent interface 7.2.7.4 The PageSwapEvent interface 7.2.7.5 The PageRevealEvent interface 7.2.7.6 The PageTransitionEvent interface 7.2.7.7 The BeforeUnloadEvent interface 7.2.8 The NotRestoredReasons interface 7.3 Infrastructure for sequences of documents 7.3.1 Navigables 7.3.1.1 Traversable navigables 7.3.1.2 Top-level traversables 7.3.1.3 Child navigables 7.3.1.4 Jake diagrams 7.3.1.5 Related navigable collections 7.3.1.6 Navigable destruction 7.3.1.7 Navigable target names 7.3.2 Browsing contexts 7.3.2.1 Creating browsing contexts 7.3.2.2 Related browsing contexts 7.3.2.3 Groupings of browsing contexts 7.3.3 Fully active documents 7.4 Navigation and session history 7.4.1 Session history 7.4.1.1 Session history entries 7.4.1.2 Document state 7.4.1.3 Centralized modifications of session history 7.4.1.4 Low-level operations on session history 7.4.2 Navigation 7.4.2.1 Supporting concepts 7.4.2.2 Beginning navigation 7.4.2.3 Ending navigation 7.4.2.3.1 The usual cross-document navigation case 7.4.2.3.2 The javascript: URL special case 7.4.2.3.3 Fragment navigations 7.4.2.3.4 Non-fetch schemes and external software 7.4.2.4 Preventing navigation 7.4.2.5 Aborting navigation 7.4.3 Reloading and traversing 7.4.4 Non-fragment synchronous "navigations" 7.4.5 Populating a session history entry 7.4.6 Applying the history step 7.4.6.1 Updating the traversable 7.4.6.2 Updating the document 7.4.6.3 Revealing the document 7.4.6.4 Scrolling to a fragment 7.4.6.5 Persisted history entry state 7.5 Document lifecycle 7.5.1 Shared document creation infrastructure 7.5.2 Loading HTML documents 7.5.3 Loading XML documents 7.5.4 Loading text documents 7.5.5 Loading multipart/x-mixed-replace documents 7.5.6 Loading media documents 7.5.7 Loading a document for inline content that doesn't have a DOM 7.5.8 Finishing the loading process 7.5.9 Unloading documents 7.5.10 Destroying documents 7.5.11 Aborting a document load 7.6 The X-Frame-Options header 7.7 The Refresh header 7.8 Browser user interface considerations 8 Web application APIs 8.1 Scripting 8.1.1 Introduction 8.1.2 Agents and agent clusters 8.1.2.1 Integration with the JavaScript agent formalism 8.1.2.2 Integration with the JavaScript agent cluster formalism 8.1.3 Realms and their counterparts 8.1.3.1 Environments 8.1.3.2 Environment settings objects 8.1.3.3 Realms, settings objects, and global objects 8.1.3.3.1 Entry 8.1.3.3.2 Incumbent 8.1.3.3.3 Current 8.1.3.3.4 Relevant 8.1.3.4 Enabling and disabling scripting 8.1.3.5 Secure contexts 8.1.4 Script processing model 8.1.4.1 Scripts 8.1.4.2 Fetching scripts 8.1.4.3 Creating scripts 8.1.4.4 Calling scripts 8.1.4.5 Killing scripts 8.1.4.6 Runtime script errors 8.1.4.7 Unhandled promise rejections 8.1.4.8 Import map parse results 8.1.5 Module specifier resolution 8.1.5.1 The resolution algorithm 8.1.5.2 Import maps 8.1.5.3 Import map processing model 8.1.6 JavaScript specification host hooks 8.1.6.1 HostEnsureCanAddPrivateElement(O) 8.1.6.2 HostEnsureCanCompileStrings(realm, parameterStrings, bodyString, codeString, compilationType, parameterArgs, bodyArg) 8.1.6.3 HostGetCodeForEval(argument) 8.1.6.4 HostPromiseRejectionTracker(promise, operation) 8.1.6.5 HostSystemUTCEpochNanoseconds(global) 8.1.6.6 Job-related host hooks 8.1.6.6.1 HostCallJobCallback(callback, V, argumentsList) 8.1.6.6.2 HostEnqueueFinalizationRegistryCleanupJob(finalizationRegistry) 8.1.6.6.3 HostEnqueueGenericJob(job, realm) 8.1.6.6.4 HostEnqueuePromiseJob(job, realm) 8.1.6.6.5 HostEnqueueTimeoutJob(job, realm, milliseconds) 8.1.6.6.6 HostMakeJobCallback(callable) 8.1.6.7 Module-related host hooks 8.1.6.7.1 HostGetImportMetaProperties(moduleRecord) 8.1.6.7.2 HostGetSupportedImportAttributes() 8.1.6.7.3 HostLoadImportedModule(referrer, moduleRequest, loadState, payload) 8.1.7 Event loops 8.1.7.1 Definitions 8.1.7.2 Queuing tasks 8.1.7.3 Processing model 8.1.7.4 Generic task sources 8.1.7.5 Dealing with the event loop from other specifications 8.1.8 Events 8.1.8.1 Event handlers 8.1.8.2 Event handlers on elements, Document objects, and Window objects 8.1.8.2.1 IDL definitions 8.1.8.3 Event firing 8.2 The WindowOrWorkerGlobalScope mixin 8.3 Base64 utility methods 8.4 Dynamic markup insertion 8.4.1 Opening the input stream 8.4.2 Closing the input stream 8.4.3 document.write() 8.4.4 document.writeln() 8.5 DOM parsing and serialization APIs 8.5.1 The DOMParser interface 8.5.2 Unsafe HTML parsing methods 8.5.3 HTML serialization methods 8.5.4 The innerHTML property 8.5.5 The outerHTML property 8.5.6 The insertAdjacentHTML() method 8.5.7 The createContextualFragment() method 8.6 Timers 8.7 Microtask queuing 8.8 User prompts 8.8.1 Simple dialogs 8.8.2 Printing 8.9 System state and capabilities 8.9.1 The Navigator object 8.9.1.1 Client identification 8.9.1.2 Language preferences 8.9.1.3 Browser state 8.9.1.4 Custom scheme handlers: the registerProtocolHandler() method 8.9.1.4.1 Security and privacy 8.9.1.4.2 User agent automation 8.9.1.5 Cookies 8.9.1.6 PDF viewing support 8.10 Images 8.11 Animation frames 9 Communication 9.1 The MessageEvent interface 9.2 Server-sent events 9.2.1 Introduction 9.2.2 The EventSource interface 9.2.3 Processing model 9.2.4 The Last-Event-ID header 9.2.5 Parsing an event stream 9.2.6 Interpreting an event stream 9.2.7 Authoring notes 9.2.8 Connectionless push and other features 9.2.9 Garbage collection 9.2.10 Implementation advice 9.3 Cross-document messaging 9.3.1 Introduction 9.3.2 Security 9.3.2.1 Authors 9.3.2.2 User agents 9.3.3 Posting messages 9.4 Channel messaging 9.4.1 Introduction 9.4.1.1 Examples 9.4.1.2 Ports as the basis of an object-capability model on the web 9.4.1.3 Ports as the basis of abstracting out service implementations 9.4.2 Message channels 9.4.3 Message ports 9.4.4 Ports and garbage collection 9.5 Broadcasting to other browsing contexts 10 Web workers 10.1 Introduction 10.1.1 Scope 10.1.2 Examples 10.1.2.1 A background number-crunching worker 10.1.2.2 Using a JavaScript module as a worker 10.1.2.3 Shared workers introduction 10.1.2.4 Shared state using a shared worker 10.1.2.5 Delegation 10.1.2.6 Providing libraries 10.1.3 Tutorials 10.1.3.1 Creating a dedicated worker 10.1.3.2 Communicating with a dedicated worker 10.1.3.3 Shared workers 10.2 Infrastructure 10.2.1 The global scope 10.2.1.1 The WorkerGlobalScope common interface 10.2.1.2 Dedicated workers and the DedicatedWorkerGlobalScope interface 10.2.1.3 Shared workers and the SharedWorkerGlobalScope interface 10.2.2 The event loop 10.2.3 The worker's lifetime 10.2.4 Processing model 10.2.5 Runtime script errors 10.2.6 Creating workers 10.2.6.1 The AbstractWorker mixin 10.2.6.2 Script settings for workers 10.2.6.3 Dedicated workers and the Worker interface 10.2.6.4 Shared workers and the SharedWorker interface 10.2.7 Concurrent hardware capabilities 10.3 APIs available to workers 10.3.1 Importing scripts and libraries 10.3.2 The WorkerNavigator interface 10.3.3 The WorkerLocation interface 11 Worklets 11.1 Introduction 11.1.1 Motivations 11.1.2 Code idempotence 11.1.3 Speculative evaluation 11.2 Examples 11.2.1 Loading scripts 11.2.2 Registering a class and invoking its methods 11.3 Infrastructure 11.3.1 The global scope 11.3.1.1 Agents and event loops 11.3.1.2 Creation and termination 11.3.1.3 Script settings for worklets 11.3.2 The Worklet class 11.3.3 The worklet's lifetime 12 Web storage 12.1 Introduction 12.2 The API 12.2.1 The Storage interface 12.2.2 The sessionStorage getter 12.2.3 The localStorage getter 12.2.4 The StorageEvent interface 12.3 Privacy 12.3.1 User tracking 12.3.2 Sensitivity of data 12.4 Security 12.4.1 DNS spoofing attacks 12.4.2 Cross-directory attacks 12.4.3 Implementation risks 13 The HTML syntax 13.1 Writing HTML documents 13.1.1 The DOCTYPE 13.1.2 Elements 13.1.2.1 Start tags 13.1.2.2 End tags 13.1.2.3 Attributes 13.1.2.4 Optional tags 13.1.2.5 Restrictions on content models 13.1.2.6 Restrictions on the contents of raw text and escapable raw text elements 13.1.3 Text 13.1.3.1 Newlines 13.1.4 Character references 13.1.5 CDATA sections 13.1.6 Comments 13.2 Parsing HTML documents 13.2.1 Overview of the parsing model 13.2.2 Parse errors 13.2.3 The input byte stream 13.2.3.1 Parsing with a known character encoding 13.2.3.2 Determining the character encoding 13.2.3.3 Character encodings 13.2.3.4 Changing the encoding while parsing 13.2.3.5 Preprocessing the input stream 13.2.4 Parse state 13.2.4.1 The insertion mode 13.2.4.2 The stack of open elements 13.2.4.3 The list of active formatting elements 13.2.4.4 The element pointers 13.2.4.5 Other parsing state flags 13.2.5 Tokenization 13.2.5.1 Data state 13.2.5.2 RCDATA state 13.2.5.3 RAWTEXT state 13.2.5.4 Script data state 13.2.5.5 PLAINTEXT state 13.2.5.6 Tag open state 13.2.5.7 End tag open state 13.2.5.8 Tag name state 13.2.5.9 RCDATA less-than sign state 13.2.5.10 RCDATA end tag open state 13.2.5.11 RCDATA end tag name state 13.2.5.12 RAWTEXT less-than sign state 13.2.5.13 RAWTEXT end tag open state 13.2.5.14 RAWTEXT end tag name state 13.2.5.15 Script data less-than sign state 13.2.5.16 Script data end tag open state 13.2.5.17 Script data end tag name state 13.2.5.18 Script data escape start state 13.2.5.19 Script data escape start dash state 13.2.5.20 Script data escaped state 13.2.5.21 Script data escaped dash state 13.2.5.22 Script data escaped dash dash state 13.2.5.23 Script data escaped less-than sign state 13.2.5.24 Script data escaped end tag open state 13.2.5.25 Script data escaped end tag name state 13.2.5.26 Script data double escape start state 13.2.5.27 Script data double escaped state 13.2.5.28 Script data double escaped dash state 13.2.5.29 Script data double escaped dash dash state 13.2.5.30 Script data double escaped less-than sign state 13.2.5.31 Script data double escape end state 13.2.5.32 Before attribute name state 13.2.5.33 Attribute name state 13.2.5.34 After attribute name state 13.2.5.35 Before attribute value state 13.2.5.36 Attribute value (double-quoted) state 13.2.5.37 Attribute value (single-quoted) state 13.2.5.38 Attribute value (unquoted) state 13.2.5.39 After attribute value (quoted) state 13.2.5.40 Self-closing start tag state 13.2.5.41 Bogus comment state 13.2.5.42 Markup declaration open state 13.2.5.43 Comment start state 13.2.5.44 Comment start dash state 13.2.5.45 Comment state 13.2.5.46 Comment less-than sign state 13.2.5.47 Comment less-than sign bang state 13.2.5.48 Comment less-than sign bang dash state 13.2.5.49 Comment less-than sign bang dash dash state 13.2.5.50 Comment end dash state 13.2.5.51 Comment end state 13.2.5.52 Comment end bang state 13.2.5.53 DOCTYPE state 13.2.5.54 Before DOCTYPE name state 13.2.5.55 DOCTYPE name state 13.2.5.56 After DOCTYPE name state 13.2.5.57 After DOCTYPE public keyword state 13.2.5.58 Before DOCTYPE public identifier state 13.2.5.59 DOCTYPE public identifier (double-quoted) state 13.2.5.60 DOCTYPE public identifier (single-quoted) state 13.2.5.61 After DOCTYPE public identifier state 13.2.5.62 Between DOCTYPE public and system identifiers state 13.2.5.63 After DOCTYPE system keyword state 13.2.5.64 Before DOCTYPE system identifier state 13.2.5.65 DOCTYPE system identifier (double-quoted) state 13.2.5.66 DOCTYPE system identifier (single-quoted) state 13.2.5.67 After DOCTYPE system identifier state 13.2.5.68 Bogus DOCTYPE state 13.2.5.69 CDATA section state 13.2.5.70 CDATA section bracket state 13.2.5.71 CDATA section end state 13.2.5.72 Character reference state 13.2.5.73 Named character reference state 13.2.5.74 Ambiguous ampersand state 13.2.5.75 Numeric character reference state 13.2.5.76 Hexadecimal character reference start state 13.2.5.77 Decimal character reference start state 13.2.5.78 Hexadecimal character reference state 13.2.5.79 Decimal character reference state 13.2.5.80 Numeric character reference end state 13.2.6 Tree construction 13.2.6.1 Creating and inserting nodes 13.2.6.2 Parsing elements that contain only text 13.2.6.3 Closing elements that have implied end tags 13.2.6.4 The rules for parsing tokens in HTML content 13.2.6.4.1 The "initial" insertion mode 13.2.6.4.2 The "before html" insertion mode 13.2.6.4.3 The "before head" insertion mode 13.2.6.4.4 The "in head" insertion mode 13.2.6.4.5 The "in head noscript" insertion mode 13.2.6.4.6 The "after head" insertion mode 13.2.6.4.7 The "in body" insertion mode 13.2.6.4.8 The "text" insertion mode 13.2.6.4.9 The "in table" insertion mode 13.2.6.4.10 The "in table text" insertion mode 13.2.6.4.11 The "in caption" insertion mode 13.2.6.4.12 The "in column group" insertion mode 13.2.6.4.13 The "in table body" insertion mode 13.2.6.4.14 The "in row" insertion mode 13.2.6.4.15 The "in cell" insertion mode 13.2.6.4.16 The "in select" insertion mode 13.2.6.4.17 The "in select in table" insertion mode 13.2.6.4.18 The "in template" insertion mode 13.2.6.4.19 The "after body" insertion mode 13.2.6.4.20 The "in frameset" insertion mode 13.2.6.4.21 The "after frameset" insertion mode 13.2.6.4.22 The "after after body" insertion mode 13.2.6.4.23 The "after after frameset" insertion mode 13.2.6.5 The rules for parsing tokens in foreign content 13.2.7 The end 13.2.8 Speculative HTML parsing 13.2.9 Coercing an HTML DOM into an infoset 13.2.10 An introduction to error handling and strange cases in the parser 13.2.10.1 Misnested tags: 13.2.10.2 Misnested tags:

13.2.10.3 Unexpected markup in tables 13.2.10.4 Scripts that modify the page as it is being parsed 13.2.10.5 The execution of scripts that are moving across multiple documents 13.2.10.6 Unclosed formatting elements 13.3 Serializing HTML fragments 13.4 Parsing HTML fragments 13.5 Named character references 14 The XML syntax 14.1 Writing documents in the XML syntax 14.2 Parsing XML documents 14.3 Serializing XML fragments 14.4 Parsing XML fragments 15 Rendering 15.1 Introduction 15.2 The CSS user agent style sheet and presentational hints 15.3 Non-replaced elements 15.3.1 Hidden elements 15.3.2 The page 15.3.3 Flow content 15.3.4 Phrasing content 15.3.5 Bidirectional text 15.3.6 Sections and headings 15.3.7 Lists 15.3.8 Tables 15.3.9 Margin collapsing quirks 15.3.10 Form controls 15.3.11 The hr element 15.3.12 The fieldset and legend elements 15.4 Replaced elements 15.4.1 Embedded content 15.4.2 Images 15.4.3 Attributes for embedded content and images 15.4.4 Image maps 15.5 Widgets 15.5.1 Native appearance 15.5.2 Writing mode 15.5.3 Button layout 15.5.4 The button element 15.5.5 The details and summary elements 15.5.6 The input element as a text entry widget 15.5.7 The input element as domain-specific widgets 15.5.8 The input element as a range control 15.5.9 The input element as a color well 15.5.10 The input element as a checkbox and radio button widgets 15.5.11 The input element as a file upload control 15.5.12 The input element as a button 15.5.13 The marquee element 15.5.14 The meter element 15.5.15 The progress element 15.5.16 The select element 15.5.17 The textarea element 15.6 Frames and framesets 15.7 Interactive media 15.7.1 Links, forms, and navigation 15.7.2 The title attribute 15.7.3 Editing hosts 15.7.4 Text rendered in native user interfaces 15.8 Print media 15.9 Unstyled XML documents 16 Obsolete features 16.1 Obsolete but conforming features 16.1.1 Warnings for obsolete but conforming features 16.2 Non-conforming features 16.3 Requirements for implementations 16.3.1 The marquee element 16.3.2 Frames 16.3.3 Other elements, attributes and APIs 17 IANA considerations 17.1 text/html 17.2 multipart/x-mixed-replace 17.3 application/xhtml+xml 17.4 text/ping 17.5 application/microdata+json 17.6 text/event-stream 17.7 web+ scheme prefix Index Elements Element content categories Attributes Element interfaces All interfaces Events HTTP headers MIME types References Acknowledgments Intellectual property rights

ForworkMeta commented 2 weeks ago

Screenshot_20240828_004030.jpg

Search Central

DocumentationMore

SupportBlogWhat's newEventsCase studies

/

Language

Sign in

Documentation

Search Console

Introduction

Search Essentials

SEO fundamentals

SEO Starter Guide

How Google Search works

Creating helpful, reliable, people-first content

Do you need an SEO?

Maintaining your site's SEO

Developer's guide to Search

Get your website on Google

Crawling and indexing

Ranking and search appearance

Monitoring and debugging

Site-specific guides

We're now on LinkedIn: For news and resources from Google Search on making your site discoverable, follow us on LinkedIn.

Home

Search Central

Documentation

Was this helpful?

Send feedback

Search Engine Optimization (SEO) Starter Guide

bookmark_border

When you built your website, you likely created it with your users in mind, trying to make it easy for them to find and explore your content. One of those users is a search engine, which helps people discover your content. SEO—short for search engine optimization—is about helping search engines understand your content, and helping users find your site and make a decision about whether they should visit your site through a search engine.

The Search Essentials outline the most important elements of what makes your website eligible to appear on Google Search. While there's no guarantee that any particular site will be added to Google's index, sites that follow the Search Essentials are more likely to show up in Google's search results. SEO is about taking the next step and working on improving your site's presence in Search. This guide will walk you through some of the most common and effective improvements you can do on your site.

There are no secrets here that'll automatically rank your site first in Google (sorry!). In fact some of the suggestions might not even apply to your business, but following the best practices will hopefully make it easier for search engines (not just Google) to crawl, index, and understand your content.

How does Google Search work?

Google is a fully automated search engine that uses programs called crawlers to explore the web constantly, looking for pages to add to our index. You usually don't need to do anything except publish your site on the web. In fact, the vast majority of sites listed in our results are found and added automatically as we crawl the web. If you're hungry for more, we have documentation about how Google discovers, crawls, and serves web pages.

Short on time or not feeling adventurous? You might consider hiring a professional. Here's what to consider.

How long until I see impact in search results?

Every change you make will take some time to be reflected on Google's end. Some changes might take effect in a few hours, others could take several months. In general, you likely want to wait a few weeks to assess whether your work had beneficial effects in Google Search results. Keep in mind that not all changes you make to your website will result in noticeable impact in search results; if you're not satisfied with your results and your business strategies allow it, try iterating with the changes and see if they make a difference.

Help Google find your content

Before you actually do anything mentioned in this section, check if Google has already found your content (maybe you don't need to do anything!). Try searching on Google for your site with the site: search operator. If you see results pointing to your site, you're in the index. For example, a search for site:wikipedia.org returns these results. If you don't see your site, check out the technical requirements to make sure there's nothing technically preventing your site from showing in Google Search, and then come back here.

Google primarily finds pages through links from other pages it already crawled. In many cases, these are other websites that are linking to your pages. Other sites linking to you is something that happens naturally over time, and you can also encourage people to discover your content by promoting your site.

If you're open to a little technical challenge, you could also submit a sitemap—which is a file that contains all the URLs on your site that you care about. Some content management systems (CMS) may even do this automatically for you. However this isn't required, and you should first focus on making sure people know about your site.

Check if Google can see your page the same way a user does

When Google crawls a page, it should ideally see the page the same way an average user does. For this, Google needs to be able to access the same resources as the user's browser. If your site is hiding important components that make up your website (like CSS and JavaScript), Google might not be able to understand your pages, which means they might not show up in search results or rank well for the terms you're targeting.

If your pages have different information depending on the user's physical location, make sure you're satisfied with the information that Google sees from its crawler's location, which is generally the US.

To check how Google sees your page, use the URL Inspection Tool in Search Console.

Don't want a page in Google's search results?

It might be important for you to opt out your site as a whole or sections of it from appearing in search results. For example, you might not want your posts about your new embarrassing haircut to show up in search results. Google supports various ways that lets you opt out of crawling and indexing of your URLs. If you need to block some files, directories, or even your whole site from Google Search, check out our guide about ways to prevent content from appearing in search results.

Organize your site

When you're setting up or redoing your site, it can be good to organize it in a logical way because it can help search engines and users understand how your pages relate to the rest of your site. Don't drop everything and start reorganizing your site right now though: while these suggestions can be helpful long term (especially if you're working on a larger website), search engines will likely understand your pages as they are right now, regardless of how your site is organized.

Use descriptive URLs

Parts of the URL can be displayed in search results as breadcrumbs, so users can also use the URLs to understand whether a result will be useful for them.

Domain

Breadcrumb

Google learns breadcrumbs automatically based on the words in the URL, but you can also influence them with structured data if you like a technical challenge. Try to include words in the URL that may be useful for users; for example:

https://www.example.com/pets/cats.html

A URL that only contains random identifiers is less helpful for users; for example:

https://www.example.com/2/6772756D707920636174

Group topically similar pages in directories

If you have more than a few thousand URLs on your site, how you organize your content may have effects on how Google crawls and indexes your site. Specifically, using directories (or folders) to group similar topics can help Google learn how often the URLs in individual directories change.

For example, consider the following URLs:

https://www.example.com/policies/return-policy.html

https://www.example.com/promotions/new-promos.html

The content in the policies directory seldomly changes, however the content in the promotions directory likely changes very often. Google can learn this information and crawl the different directories at different frequencies. To learn more about search-friendly site structures, check out our guide for ecommerce sites, for which a good URL structure is more important as they tend to be larger.

Reduce duplicate content

Some websites show the same content under different URLs, which is called duplicate content. Search engines choose a single URL (the canonical URL) to show users, per piece of content.

Having duplicate content on your site is not a violation of our spam policies, but it can be a bad user experience and search engines might waste crawling resources on URLs that you don't even care about. If you're feeling adventurous, it's worth figuring out if you can specify a canonical version for your pages. But if you don't canonicalize your URLs yourself, Google will try to automatically do it for you.

When working on canonicalization, try to ensure that each piece of content on your site is only accessible through one individual URL; having two pages that contain the same information about your promotions can be a confusing user experience (for example, people might wonder which is the right page, and whether there's a difference between the two).

If you have multiple pages that have the same information, try setting up a redirect from non-preferred URLs to a URL that best represents that information. If you can't redirect, use the rel="canonical" link element instead. But again, don't worry too much about this; search engines can generally figure this out for you on their own most of the time.

Make your site interesting and useful

Creating content that people find compelling and useful will likely influence your website's presence in search results more than any of the other suggestions in this guide. While "compelling and useful content" can mean different things to different people, content like this generally shares some common attributes, such as:

The text is easy-to-read and well organized: Write content naturally and make sure the content is well written, easy to follow, and free of spelling and grammatical mistakes. Break up long content into paragraphs and sections, and provide headings to help users navigate your pages.

The content is unique: When you're writing new content, don't copy others' content in part or in its entirety: create the content yourself based on what you know about the topic. Don't just rehash what others already published.

The content is up-to-date: Check in on previously published content and update it as needed, or even delete it if it's not relevant anymore.

The content is helpful, reliable, and people-first: Be sure that you're writing content that your readers will find helpful and reliable. For example, providing expert or experienced sources can help people understand your articles' expertise.

Expect your readers' search terms

Think about the words that a user might search for to find a piece of your content. Users who know a lot about the topic might use different keywords in their search queries than someone who is new to the topic. For example, some users might search for "charcuterie", while others might search for "cheese board". Anticipating these differences in search behavior and writing with your readers in mind could produce positive effects on how your site performs in search results.

However, don't worry if you don't anticipate every variation of how someone might seek your content. Google's language matching systems are sophisticated and can understand how your page relates to many queries, even if you don't explicitly use the exact terms in them.

Avoid distracting advertisements

While ads are a part of the internet and are meant to be seen by users, don't let them become overly distracting or prevent your users from reading your content. For example, advertisements, or interstitial pages (pages displayed before or after the content you're expecting) that make it difficult to use the website.

Link to relevant resources

Links are a great way to connect your users and search engines to other parts of your site, or relevant pages on other sites. In fact, the vast majority of the new pages Google finds every day are through links, making links a crucial resource you need to consider to help your pages be discovered by Google and potentially shown in search results. Additionally, links can also add value by connecting users (and Google) to another resource that corroborates what you're writing about.

Write good link text

Link text (also known as anchor text) is the text part of a link that you can see. This text tells users and Google something about the page you're linking to. With appropriate anchor text, users and search engines can easily understand what your linked pages contain before they visit.

Link when you need to

Links can provide more context on a topic, both for users and search engines, which may help demonstrate your knowledge on a topic. However when you're linking to pages outside of your control, for example content on other sites, make sure you trust the resource you're linking to. If you can't trust the content and you still want to link to them, add a nofollow or similar annotation to the link to avoid search engines associating your site with the site you're linking to. This helps avoid potential negative consequences in your rankings in Google Search.

If you're accepting user-generated content on your site, such as forum posts or comments, make sure every link that's posted by users has a nofollow or similar annotation automatically added by your CMS. Since you're not creating the content in this case, you likely don't want your site to be blindly associated with the sites users are linking to. This can also help discourage spammers from abusing your website.

Influence how your site looks in Google Search

A typical Google Search results page consists of a few different visual elements that you can influence to help users decide whether they should visit your site through those search results. In this section, we're focusing on the title link and the snippet because these are the more visually significant elements.

Influence your title links

The title link is the headline part of the search result and it can help people decide which search result to click. There are a few sources that Google uses to generate this title link, including the words inside the  element (also called the title text) and other headings on the page. This title text can also be used for the title that's shown in browsers and bookmarks.</p> <p>How to make your own chili oil</p> <p>If you use a CMS, you might not need to do anything technical to your titles, beyond just focusing on writing good titles. Most CMSes can automatically turn the titles you write into a <title> element in the HTML.</p> <p>You can influence the title links in Search by writing good titles: a good title is unique to the page, clear and concise, and accurately describes the contents of the page. For example, your title could include the name of your website or business, other bits of important information like the physical location of the business, and maybe some information about what the particular page has to offer for users. Our documentation about title links has more tips about how to create good titles and how to influence your site's search results' title links.</p> <p>Control your snippets</p> <p>Below the title link, a search result typically has a description of the target page to help users decide whether they should click the search result. This is called a snippet.</p> <p>Learn how to cook eggs with this complete guide in less than 5 minutes. We cover all the methods, including sunny side up, boiled, and poached.</p> <p>The snippet is sourced from the actual content of the page the search result is linking to, thus you have complete control over the words that can be used to generate the snippet. Occasionally the snippet may be sourced from the contents of the meta description tag, which is typically a succinct, one- or two-sentence summary of the page. A good meta description is short, unique to one particular page, and includes the most relevant points of the page. Check out our tips for writing good meta descriptions for more inspiration.</p> <p>Add images to your site, and optimize them</p> <p>Many people search visually, and images can be how people find your website for the first time. For example, if you have a recipe blog, people might find your content by searching for "fruit tart recipes" and browsing photos of various types of fruit tarts.</p> <p>As you add images to your site, make sure that people and search engines can find and understand them.</p> <p>Add high-quality images near relevant text</p> <p>When you use high quality images, you give users enough context and detail to decide which image best matches what they were looking for. For example, if people are looking for "daisies" and come across a rogue edelweiss in search results, a higher quality image would help them distinguish the type of flower.</p> <p>Use images that are sharp and clear, and place them near text that's relevant to the image. The text that's near images can help Google better understand what the image is about and what it means in context to your page.</p> <p>For example, if the page is reviewing yarn shops in London, then it would make sense to embed one of your photos of the yarn shop in the section that details the location, description, and review information for that yarn shop. This helps Google and users associate the image with text that provides more context to what the page is about.</p> <p>Add descriptive alt text to the image</p> <p>Alt text is a short, but descriptive piece of text that explains the relationship between the image and your content. It helps search engines understand what your image is about and the context of how your image relates to your page, so writing good alt text is quite important. You can add this to your HTML with the alt attribute of the img element, or your CMS may have an easy way to specify a description for an image when you're uploading it to your site. Learn more about how to write good alt text, and how to add it to your images.</p> <p>Optimize your videos</p> <p>If your website includes pages that are primarily about individual videos, people may also be able to discover your site through video results in Google Search. Many of the best practices for images and text also apply to videos:</p> <p>Create high-quality video content, and embed the video on a standalone page, near text that's relevant to that video.</p> <p>Write descriptive text in the titles and description fields of a video (the title of a video is still a title, and so you can apply the best practices for writing titles here too).</p> <p>If your site is particularly video-focused, then continue reading about more things you can do to optimize your videos for search engines.</p> <p>Promote your website</p> <p>Effectively promoting your new content will lead to faster discovery by those who are interested in the same subject, and also by search engines. You can do this in many ways:</p> <p>Social media promotion</p> <p>Community engagement</p> <p>Advertisement, both offline and online</p> <p>Word of mouth, and many other methods</p> <p>One of the most effective and lasting ways is word of mouth: that is, people familiar with your site tell their friends about it, who in turn visit your site. This can take time, and usually you need to invest some time and effort in other practices first, such as community engagement. Our friends over at Google for Creators have excellent resources about building and engaging your audience.</p> <p>Putting effort into the offline promotion of your company or site can also be rewarding. For example, if you have a business site, make sure its URL is listed on your business cards, letterhead, posters, and other materials. With their permission, you could also send out recurring newsletters to your audience letting them know about new content on your website.</p> <p>As with everything in life, you can overdo promoting your site and actually harm it: people may get fatigued of your promotions, and search engines may perceive some of the practices as manipulation of search results.</p> <p>Things we believe you shouldn't focus on</p> <p>As SEO has evolved, so have the ideas and practices (and at times, misconceptions) related to it. What was considered best practice or top priority in the past may no longer be relevant or effective due to the way search engines (and the internet) have developed over time.</p> <p>To help you focus on the things that are actually important when it comes to SEO, we collected some of the most common and prominent topics we've seen circulating the internet. In general, our message on these topics is that you should do what's best for your business area; we will elaborate on a few specific points here:</p> <p>Meta keywordsGoogle Search doesn't use the keywords meta tag.Keyword stuffingExcessively repeating the same words over and over (even in variations) is tiring for users, and keyword stuffing is against Google's spam policies.Keywords in the domain name or URL path</p> <p>When picking the name of your site, do what's best for your business. Users will use this name to find you, so we recommend following general marketing best practices. From a ranking perspective, the keywords in the name of the domain (or URL path) alone have hardly any effect beyond appearing in breadcrumbs.</p> <p>And while still on the topic of domain names: the TLD (the domain name ending like ".com" or ".guru") only matters if you're targeting a specific country's users, and even then it's usually a low impact signal. For example, if you're trying to sell Dutch cheese to people searching from Switzerland, it makes some sense (both from business and SEO point of view) to use a .ch domain name. Otherwise Google Search doesn't care which TLD you're using (whether it's a .com or .org or .asia).</p> <p>Minimum or maximum content lengthThe length of the content alone doesn't matter for ranking purposes (there's no magical word count target, minimum or maximum, though you probably want to have at least one word). If you are varying the words (writing naturally to not be repetitive), you have more chances to show up in Search simply because you are using more keywords.Subdomains versus subdirectoriesFrom a business point of view, do whatever makes sense for your business. For example, it might be easier to manage the site if it's segmented by subdirectories, but other times it might make sense to partition topics into subdomains, depending on your site's topic or industry.PageRankWhile PageRank uses links and is one of the fundamental algorithms at Google, there's much more to Google Search than just links. We have many ranking signals, and PageRank is just one of those.Duplicate content "penalty"If you have some content that's accessible under multiple URLs, it's fine; don't fret about it. It's inefficient, but it's not something that will cause a manual action. Copying others' content, however, is a different story.Number and order of headings</p> <p>Having your headings in semantic order is fantastic for screen readers, but from Google Search perspective, it doesn't matter if you're using them out of order. The web in general is not valid HTML, so Google Search can rarely depend on semantic meanings hidden in the HTML specification.</p> <p>There's also no magical, ideal amount of headings a given page should have. However, if you think it's too much, then it probably is.</p> <p>Thinking E-E-A-T is a ranking factorNo, it's not.</p> <p>Next steps</p> <p>Get started with Search Console: Setting up a Search Console account helps you monitor and optimize how your website performs on Google Search. Learn how to set up your account and what reports to check out first.</p> <p>Maintain your website's SEO over time: Learn more about managing your site's presence in the long term, including more in-depth SEO tasks and scenarios, such as preparing for a site move, or managing a multi-lingual site.</p> <p>Enhance how your site looks in Google Search results: Valid structured data on your pages also makes your pages eligible for many special features in Google Search results, including review stars, carousels, and more. Explore the gallery of search result types that your page can be eligible for.</p> <p>Stay informed and ask questions</p> <p>As you embark on your SEO journey, here are some resources that can help you stay on top of changes and new resources we publish:</p> <p>Google Search Central blog: Get the latest information from our Google Search Central blog. You can find information about updates to Google Search, new Search Console features, and much more.</p> <p>Google Search Central on LinkedIn and X (Twitter): Follow us for updates on Google Search and resources to help you make a great site.</p> <p>Google Search Central Help Forum: Post questions about your site's SEO issues and find tips to create high quality sites from the product forum for website owners. There are many experienced contributors in the forum, including Product Experts and occasionally Googlers.</p> <p>Google Search Central YouTube Channel: Watch hundreds of helpful videos created for website owners.</p> <p>Was this helpful?</p> <p>Send feedback</p> <p>Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.</p> <p>Last updated 2024-06-04 UTC.</p> <p>LinkedIn</p> <p>Join us on LinkedIn</p> <p>YouTube</p> <p>Watch our videos</p> <p>Blog</p> <p>Subscribe to our RSS feed</p> <p>Podcast</p> <p>Listen to Search Off the Record</p> <p>X (Twitter)</p> <p>Join us on X (Twitter)</p> <p>Get support</p> <p>Go to the help forum</p> <p>Submit a question for office hours</p> <p>Report spam, phishing, or malware</p> <p>More support resources</p> <p>Resources</p> <p>Do you need an SEO?</p> <p>SEO Starter Guide</p> <p>Status of Search systems</p> <p>Search Console documentation</p> <p>Case Studies</p> <p>Tools</p> <p>Search Console</p> <p>Rich Results Test</p> <p>PageSpeed Insights</p> <p>AMP Test</p> <p></p> <p>Android</p> <p>Chrome</p> <p>Firebase</p> <p>Google Cloud Platform</p> <p>All products</p> <p>Terms</p> <p>Privacy</p> <p>Sign up for the Google for Developers newsletterSubscribe</p> <p>Language</p> <p>Info-forwork.meta.com@gmail.com</p> <p>Chat</p> <p>API</p> <p>The new page has loaded.[]()</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>