Introduction to HTML page source code layout_Powernode Java Academy

Introduction to HTML page source code layout

This introduction takes the screenshot of Google's homepage source code as an example:

From top to bottom:

<!DOCTYPE html> This tag tells the browser which HTML or XHTML specification the document uses.

XHTML specification: must be lowercase, have start and end tags, and attributes must also be quoted in double quotes.

HTML specification: not case-sensitive, has start and end tags, and the end tag can be placed inside the start tag, such as: <input type='text' />. Attributes can use double quotes or single quotes (must be used in pairs).

HTML node: The root node of the HTML page. The code information of the page is placed in this node.

<head> node: head node. Contains the following child nodes:

<mete> tag: provides meta-information of the page, such as page keywords;

<title> tag: the title of the page;

<script> tag: generally stores CSS and JavaScript codes;

<Body> node: page content area, storing html element information

<Div> tag: stores various element controls.

<script> tag: Because the HTML page is loaded from top to bottom, instead of displaying the contents all at once after loading, the contents are displayed while loading.

Putting Script after body is similar to indicating that the code in this Script will call the elements in body. If it is placed in the Head tag, when this script code is run, the elements in the body have not been loaded yet and the required element information cannot be obtained.

The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM.

<<: How to manage multiple projects on CentOS SVN server

>>: MySQL 8.0.22 download, installation and configuration method graphic tutorial

Docker time zone issue and data migration issue

Introduction to HTML page source code layout_Powernode Java Academy

Docker time zone issue and data migration issue

js to achieve floor scrolling effect

Detailed troubleshooting of docker.service startup errors

MySQL Practical Experience of Using Insert Statement

Vue achieves seamless carousel effect

Vue Router vue-router detailed explanation guide

This article tells you how to use event delegation to implement JavaScript message board function

Detailed explanation on how to get the IP address of a docker container

A complete list of common Linux system commands for beginners

JavaScript manual implementation of instanceof method

Recommend

About ROS2 installation and docker environment usage

Solve the problem that VMware cannot install 64-bit operating system in win10 home version

Best Practices for MySQL Upgrades

Detailed explanation of the differences between js array find, some, filter, and reduce

Solution to the failure of MySQL to use innobackupex to backup the connection server

Summary of some common writing methods that cause MySQL index failure

Detailed analysis of the MySQL slow log opening method and storage format

Basic principles of MySQL scalable design

MySQL 8.0.21.0 Community Edition Installation Tutorial (Detailed Illustrations)

Implementing custom radio and check box functions with pure CSS

2017 latest version of windows installation mysql tutorial

Introduction to the use of the four major sql ranking functions ROW_NUMBER, RANK, DENSE_RANK, NTILE

Several ways to backup MySql database

WeChat applet realizes left-right linkage

HTML table tag tutorial (35): cross-column attribute COLSPAN