Introduction to Semantic HTML Tags

In the past few years, DIV+CSS was very popular in website development, and it caused a huge uproar at the time. But later on, pure DIV+CSS was abandoned by programmers for front-end development, and the term "semantic tagging" came out.
So what does this word mean? The following is excerpted from Baidu Encyclopedia:
HTML tag semantics: the meaning of HTML tags .
First of all, let’s talk about the difference between semantics and default styles. Default styles are the expressions of some common tags set by the browser. I think its main purpose is to let everyone intuitively understand the purpose and function of tags (markup) and attributes (attribute). Obviously, the Hx series looks like a title because it has bold and larger font size. , used to distinguish it from other characters and serve to emphasize it. As for lists and tables, it's obvious what they do.
So how can we understand this passage well? In fact, this paragraph shows that you should use whatever tags you need, and don’t use DIV layout deliberately. For example, if you want to add bold or something, you can use it directly, and there is no need to use class for rendering. Be more natural. For example, you can also use table layout appropriately in the page. Who says tables are not good for SEO? Even Baidu uses tables. So use whichever is more convenient and whichever has a clearer structure. Eliminate the term DIV+CSS layout.

<<: A must-read career plan for web design practitioners

>>: Vue3.0 uses the vue-grid-layout plug-in to implement drag layout

Analyze Mysql transactions and data consistency processing issues

Introduction to Semantic HTML Tags

Analyze Mysql transactions and data consistency processing issues

Vue implements image dragging and sorting

Detailed explanation of MySQL row locks when encountering composite primary keys and multi-column indexes

Detailed explanation of the use and underlying principles of MySQL table partitions

IIS configuration of win server 2019 server and simple publishing of website

Top 10 Js Image Processing Libraries

Summary of HTML formatting standards for web-based email content

How to delete all contents in a directory using Ansible

Vue implements dynamic routing details

Vue sample code for easily implementing virtual scrolling

Recommend

Solution to the problem of large font size on iPhone devices in wap pages

CSS to achieve chat bubble effect

Ubuntu 18.04 installs pyenv, pyenv-virtualenv, virtualenv, Numpy, SciPy, Pillow, Matplotlib

Detailed tutorial for installing ElasticSearch:7.8.0 cluster with docker

How to connect to MySQL remotely through Navicat

jQuery canvas generates a poster with a QR code

One line of code solves various IE compatibility issues (IE6-IE10)

Some notes on modifying the innodb_data_file_path parameter of MySQL

Instructions for nested use of MySQL ifnull

Detailed explanation of the configuration method of Vue request interceptor

Graphical tutorial on installing JDK1.8 under CentOS7.4

How to quickly build a LAMP environment on CentOS platform

Introduction to install method in Vue

Comparison of the advantages of vue3 and vue2

Implementation of building Kubernetes cluster with VirtualBox+Ubuntu16