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
Recommend
JS asynchronous execution principle and callback details
1. JS asynchronous execution principle We know th...
getdata table table data join mysql method
public function json_product_list($where, $order)...
You may not know these things about Mysql auto-increment id
Introduction: When using MySQL to create a table,...
Detailed steps to install Nginx on Linux
1. Nginx installation steps 1.1 Official website ...
Summary and practice of javascript prototype chain diagram
Table of contents Prototype chain We can implemen...
Solution to the problem of child element margin-top causing parent element to move
Problem Description Today, when I was modifying t...
Analysis of the issues and solutions for repeated submission, repeated refresh, and backoff prevention
one. Preface <br />You will see this kind of...
Example of how to change the domestic source in Ubuntu 18.04
Ubuntu's own source is from China, so the dow...
How to process local images dynamically loaded in Vue
Find the problem Today I encountered a problem of...
jQuery achieves breathing carousel effect
This article shares the specific code of jQuery t...
How to understand SELinux under Linux
Table of contents 1. Introduction to SELinux 2. B...
How to view the docker run startup parameter command (recommended)
Use runlike to view the docker run startup parame...
Teach you how to build Redis cluster mode and sentinel mode with docker in 5 minutes
Table of contents 1. Preparation Pull the redis i...
Detailed explanation of using Docker to quickly deploy the ELK environment (latest version 5.5.1)
After installing Docker on the Linux server, Pull...
Mysql view the maximum number of connections and modify the maximum number of connections
MySQL View the maximum number of connections and ...