XHTML Basic 1.1, a mobile web markup language recommended by W3C

XHTML Basic 1.1, a mobile web markup language recommended by W3C

W3C recently released two standards, namely " XHTML Basic1.1 " and " Mobile Web Best Practices 1.0 ". Both standards are targeted at the mobile Web, with XHTML Basic 1.1 being the W3C's recommended markup language for the mobile Web.
XHTML Basic 1.1
There are many branches of mobile markup language. The release of XHTML Basic 1.1 provides a standard for mobile markup language. XHTML Basic 1.1 includes the following new features:
    Added XHTML form. Added built-in event. Added value attribute to li object. Added target attribute. Added style object. Added style attribute. Added XHTML display module. Added inputmode attribute.

W3C summarizes 10 basic rules from " Mobile Web Best Practices" :
Design web pages consistently for multiple devices. When designing mobile web pages, various devices must be taken into consideration to reduce costs and increase flexibility.
    Rely on Web Standards: In a market with a variety of devices, Web standards can ensure compatibility between different devices. Avoid some common problems with mobile devices: for example, no pop-up windows, no nested tables, and no Frames. Be aware of the limitations of mobile devices: Mobile devices generally do not support technologies such as Cookies and Javascript. Optimize navigation: Use a clear, concise, and minimal navigation system. Check graphics and colors: Don’t use high-resolution images. Check graphics based on the likely screen size, resolution, and supported colors and contrast of the mobile device to make sure they display properly. Small: Page display size, file size, and CSS size should be as small as possible. Save bandwidth: Do not use automatic refresh, redirection and other techniques. Don't reference external resources too much and make good use of page cache. Make input convenient for users: The input method of mobile devices is not easy to use, so provide convenient assistance for user input as much as possible. Consider busy users: Busy users have limited time, so the information provided by mobile Web should be concise and clear.
You can verify your mobile Web at mobileOK checker to test whether it is mobile device friendly.
International sources of this article:
http://www.cmswire.com/cms/web-publishing/xhtml-11-released-mobile-best-practices-proclaimed-002984.php;
http://www.w3.org/2007/02/mwbp_flip_cards

<<:  Detailed explanation of docker version es, milvus, minio startup commands

>>:  Implementation of a simplified version of JSON.stringify and its six major features explained in detail

Recommend

Detailed explanation of SQL injection - security (Part 2)

If there are any errors in this article or you ha...

Use CSS to achieve circular wave effect

I often see some circular wave graphics on mobile...

Detailed example of deploying Nginx+Apache dynamic and static separation

Introduction to Nginx dynamic and static separati...

Detailed explanation of desktop application using Vue3 and Electron

Table of contents Vue CLI builds a Vue project Vu...

Analysis of the principle and usage of MySQL continuous aggregation

This article uses examples to illustrate the prin...

How to build a React project with Vite

Table of contents Preface Create a Vite project R...

Summary of MySql storage engine and index related knowledge

Storage Engine What is a database storage engine?...

The solution record of Vue failing to obtain the element for the first time

Preface The solution to the problem of not being ...

Solution to the problem that elements with negative z-index cannot be clicked

I was working on a pop-up ad recently. Since the d...

Detailed explanation of the steps of using ElementUI in actual projects

Table of contents 1. Table self-sorting 2. Paging...

Javascript destructuring assignment details

Table of contents 1. Array deconstruction 2. Obje...