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

Html to achieve dynamic display of color blocks report effect (example code)

Use HTML color blocks to dynamically display data...

Example code for making the pre tag automatically wrap

The pre element defines preformatted text. Text en...

How to implement html input drop-down menu

Copy code The code is as follows: <html> &l...

Implementation of k8s node rejoining the master cluster

1. Delete node Execute kubectl delete node node01...

How to view and configure password expiration on Linux

With the right settings, you can force Linux user...

Zabbix3.4 method to monitor mongodb database status

Mongodb has a db.serverStatus() command, which ca...

Vue implements multi-grid input box on mobile terminal

Recently, the company has put forward a requireme...

Javascript closure usage scenario principle detailed

Table of contents 1. Closure 2. Closure usage sce...

Better-scroll realizes the effect of linking menu and content

1. Basic use <!DOCTYPE html> <html lang=...

How to use skeleton screen in vue project

Nowadays, application development is basically se...

Detailed application of Vue dynamic form

Overview There are many form requirements in the ...

Vue large screen data display example

In order to efficiently meet requirements and avo...

Detailed process record of nginx installation and configuration

Table of contents 1 Introduction to nginx 1 What ...

Introducing the code checking tool stylelint to share practical experience

Table of contents Preface text 1. Install styleli...

How to view the type of mounted file system in Linux

Preface As you know, Linux supports many file sys...