Mobile Web Development

  1. HTML Foundations for Mobile
    1. Semantic HTML5 Structure
      1. Document Structure Elements
        1. header Element
          1. main Element
            1. section Element
              1. article Element
                1. aside Element
                2. Content Sectioning
                  1. Text Content Elements
                    1. Accessibility Considerations
                      1. ARIA Roles
                        1. Landmark Navigation
                          1. Screen Reader Support
                        2. Viewport Configuration
                          1. Viewport Meta Tag
                            1. Device Width Setting
                              1. Initial Scale Configuration
                                1. User Scaling Control
                                  1. Viewport Height Considerations
                                    1. Layout Viewport vs Visual Viewport
                                    2. Mobile-Optimized Input Elements
                                      1. Input Type Enhancements
                                        1. tel Input Type
                                          1. email Input Type
                                            1. number Input Type
                                              1. date Input Type
                                                1. time Input Type
                                                  1. url Input Type
                                                  2. Input Attributes
                                                    1. autocomplete Attribute
                                                      1. autocorrect Attribute
                                                        1. autocapitalize Attribute
                                                          1. inputmode Attribute
                                                          2. Mobile Keyboard Optimization
                                                          3. Responsive Images
                                                            1. picture Element
                                                              1. Art Direction Use Cases
                                                                1. Media Query Integration
                                                                  1. Source Element Configuration
                                                                  2. srcset Attribute
                                                                    1. Density Descriptors
                                                                      1. Width Descriptors
                                                                        1. Browser Selection Logic
                                                                        2. sizes Attribute
                                                                          1. Layout Width Specification
                                                                            1. Media Query Conditions
                                                                            2. Image Format Selection
                                                                              1. Performance Considerations

                                                                            Previous

                                                                            1. Introduction to Mobile Web Development

                                                                            Go to top

                                                                            Next

                                                                            3. CSS for Mobile Responsiveness