Web standards learning to understand the separation of structure and presentation

When discussing Web standards, one thing that always comes up is the importance of separating structure from presentation.

Understanding the difference between structure and presentation can be difficult at first, especially if you are not used to thinking about the semantic structure of documents.

However, it is important to understand this because, when structure and presentation are separated, it is easy to control presentation using a CSS document.

The structure consists of the main body of the document, plus semantic and structural tags.

Presentation is the style you give to your content. In most cases, presentation is how a document looks, but it can also affect how a document "sounds" - after all, not everyone uses a graphical browser.

Separate structure and presentation as much as possible.

In theory, you should use one HTML document to store content and structure, and one CSS document to control the presentation of the entire document.

It is still common today to have websites where presentation and structure are not separated.

So when we first start learning, we should develop a good habit of putting them in separate files. XHTML files can link and share external CSS and JavaScript documents.

<<: Use CSS to achieve circular wave effect

>>: Docker images export and import operations

Solve the problem of failure to mount files or directories using ./ relative path in docker run

Web standards learning to understand the separation of structure and presentation

Solve the problem of failure to mount files or directories using ./ relative path in docker run

Detailed explanation of dynamic link library calling C/C++ method in Python in Ubuntu

Writing a shell script in Ubuntu to start automatically at boot (recommended)

How to implement an array lazy evaluation library in JavaScript

Example of implementing circular progress bar in Vue

Detailed explanation of the meaning of N and M in the MySQL data type DECIMAL(N,M)

Automatically clean up the cache of js and css files in HTML pages (automatically add version numbers)

Comprehensive understanding of html.css overflow

HTML end tag issue and w3c standard

Calling the search engine in the page takes Baidu as an example

Recommend

Let's talk about the characteristics and isolation levels of MySQL transactions

This article will show you how to use Vue 3.0 responsive

Solution to the problem "Table mysql.plugin doesn't exist" when deploying MySQL

Summary of the dockerfile-maven-plugin usage guide

Ubuntu16.04 installation mysql5.7.22 graphic tutorial

Detailed explanation of the use and difference between relative and absolute in HTML

Implementation of inserting millions of records into MySQL database within 10 seconds

How to use MySQL common functions to process JSON

javascript Blob object to achieve file download

How to bind Docker container to external IP and port

Comparing Node.js and Deno

How to clean up Alibaba Cloud MySQL space

How to install MySQL under Linux (yum and source code compilation)

Two ways to enable firewall in Linux service

A debugging process record of Chinese garbled characters in the Tomcat source code startup console