Home Web Front-end HTML Tutorial Detailed introduction to the usage of #include file in html

Detailed introduction to the usage of #include file in html

Mar 04, 2017 pm 03:35 PM

This article mainly introduces the usage of #include file in html. I personally feel that the tutorial is pretty good and suitable for beginners. Friends who need it can refer to it. There are two files a.htm and b.htm. In the same directory, the content of a.htm is as follows

The code is as follows:

1

<!-- #include file="b.htm" -->

Copy after login


The content of b.htm is as follows

Today: Rain 31 ℃ ~ 26 ℃
Tomorrow: Thunder shower 33 ℃ ~ 27 ℃

Open a directly in the browser, nothing is displayed. Later I found out that the include is SSI (Server Side Include), include is not supported in HTML. Then change a.htm to a.aspx, and publish the page on iis, and then you can see the content in a.aspx. If you want to achieve this effect in html, you can use the iframe tag. I found an example directly on the Internet as follows:

The code is as follows:

1

<iframe frameborder=0 border=0 width=300 height=300 src="b.htm" mce_src="b.htm"></iframe>

Copy after login


html #include file usage

Parameters

PathType

The path type of FileName. The path can be one of the following types:

Path type Meaning

File The file name is the relative path to the directory where the document with the #include command is located. The included file can be in the same directory or a subdirectory; but it cannot be in a directory above the page with the #include command.
Virtual filename The full virtual path to the virtual directory on the Web site.

FileName

Specify the file name to include. FileName must include the filename extension, and the filename must be enclosed in quotation marks (").

Notes

Files containing #include commands must use a file extension that maps to the SSI interpreter ; Otherwise, the Web server will not process the command. By default, the extensions .stm, .shtm, and .shtml are mapped to the interpreter (Ssinc.dll). You can modify the default extension mapping if Internet Services Manager is installed. and add new mappings. See Setting Application Mappings. Included files can have any file extension, but it is recommended to give them the .inc extension.







include file and include virtual. Difference

1.#include file includes the relative path of the file, #include virtual includes the virtual path of the file.
2. In the same virtual directory, and have the same effect, but assuming the virtual directory is named myweb, then can also be debugged, but we know that will definitely report an error.
3. If There are two virtual directories myweb1 and myweb2 under a site. There is file file1.asp under myweb1 and file file2.asp under myweb2. If file1.asp wants to call file2.asp, then write this in file1.asp: < !--#include virtual="myweb2/file2.asp"-->, in this case it is impossible to use #include file, use An error will be reported. On the contrary, the same is true for including the files in myweb1 in the files of myweb2. If the included file is under a folder, just add the folder to the virtual path.
4. Whether you use #include file or #include virtual, use "/" or "/" in the path, or use the two interchangeably, it will not affect the compilation effect, and the program will execute smoothly.
5. The above situation does not apply to mutual calls between two site files, and within the same site, and is equivalent, but assuming the site is named website, using is wrong.

For more detailed introduction to the usage of #include file in html, please pay attention to the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Is HTML easy to learn for beginners? Is HTML easy to learn for beginners? Apr 07, 2025 am 12:11 AM

HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

What is the purpose of the <progress> element? What is the purpose of the <progress> element? Mar 21, 2025 pm 12:34 PM

The article discusses the HTML &lt;progress&gt; element, its purpose, styling, and differences from the &lt;meter&gt; element. The main focus is on using &lt;progress&gt; for task completion and &lt;meter&gt; for stati

What is the viewport meta tag? Why is it important for responsive design? What is the viewport meta tag? Why is it important for responsive design? Mar 20, 2025 pm 05:56 PM

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

The Roles of HTML, CSS, and JavaScript: Core Responsibilities The Roles of HTML, CSS, and JavaScript: Core Responsibilities Apr 08, 2025 pm 07:05 PM

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

What is the purpose of the <datalist> element? What is the purpose of the <datalist> element? Mar 21, 2025 pm 12:33 PM

The article discusses the HTML &lt;datalist&gt; element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What is the purpose of the <iframe> tag? What are the security considerations when using it? What is the purpose of the <iframe> tag? What are the security considerations when using it? Mar 20, 2025 pm 06:05 PM

The article discusses the &lt;iframe&gt; tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

What is the purpose of the <meter> element? What is the purpose of the <meter> element? Mar 21, 2025 pm 12:35 PM

The article discusses the HTML &lt;meter&gt; element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates &lt;meter&gt; from &lt;progress&gt; and ex

Understanding HTML, CSS, and JavaScript: A Beginner's Guide Understanding HTML, CSS, and JavaScript: A Beginner's Guide Apr 12, 2025 am 12:02 AM

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

See all articles