Common HTML tags are: 1. : defines the root element of the HTML document; 2.
: contains metadata of the HTML document, such as title, style and script; 3.
: defines the title of the HTML document ; 4. <meta>: Define the metadata of the HTML document, such as character set, author, keywords, etc.; 5. <style>: Define the style of the HTML document; 6. <script>: Define the script of the HTML document, etc.</p><span class="Articlelist_txts_time">Nov 01, 2023 am 10:44 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=htmltag"><span class="Articlelist_txts_infoss on">html tag</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/631024.html" title="Complete collection of HTML tags" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202311/27/2023112709552750910.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Complete collection of HTML tags" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/631024.html" title="Complete collection of HTML tags" class="Articlelist_txts_title">Complete collection of HTML tags</a></h3><p class="Articlelist_txts_p">HTML标签有<!DOCTYPE>、<html>、<head>、<title>、<meta>、<link>、<style>、<script>、<body>、<h1> - <h6>、<p>、<a>、<img>、<div>、<span>、<input>、<button>、<form</p><span class="Articlelist_txts_time">Nov 27, 2023 am 10:05 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a><a href="https://m.php.cn/search?word=htmltag"><span class="Articlelist_txts_infoss ">html tag</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/601968.html" title="HTML tags" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/887/227/169382670559036.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="HTML tags" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/601968.html" title="HTML tags" class="Articlelist_txts_title">HTML tags</a></h3><p class="Articlelist_txts_p">Elements in HTML are used to describe metadata, i.e. description, keywords, document author, etc. This metadata is not displayed on the page, but is used by search engines, web browsers, etc. Now you can also set the dimensions of the web page by setting the viewport under - <metaname="viewport" content="width=device-width,initial-scale=1.0"> Here are the properties - Sr.No Type and Description 1 Name Attribute The name. Can be anything. Examples include keywords, description, author, revision, generator, etc. 2 Content specifies the value of the attribute. Scheme 3 (deprecated) refers to</p><span class="Articlelist_txts_time">Sep 04, 2023 pm 07:25 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=htmltag"><span class="Articlelist_txts_infoss on">html tag</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/540491.html" title="How to use html tags" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/15/2023051520103691131.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="How to use html tags" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/540491.html" title="How to use html tags" class="Articlelist_txts_title">How to use html tags</a></h3><p class="Articlelist_txts_p">HTML (HyperText Markup Language) is a standard language for creating web pages. It consists of a series of tags and attributes through which the content in the web page can be described and organized. Below we will explain some commonly used HTML tags and their usage. 1. Title tag (<h1> ~ <h6>) The title tag is used to set the title of the web page. There are six levels, from largest to smallest, they are <h1> ~ <h6>. When writing web pages, it should be noted that <h1> should be the largest</p><span class="Articlelist_txts_time">May 15, 2023 pm 08:10 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/540160.html" title="html tags do not wrap" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/15/2023051514050714963.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html tags do not wrap" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/540160.html" title="html tags do not wrap" class="Articlelist_txts_title">html tags do not wrap</a></h3><p class="Articlelist_txts_p">The reason why HTML tags do not wrap is because the default formatting method of HTML treats all elements as block-level elements, which means that each element will occupy its own line, with space above and below. However, in some cases, we may need to display multiple elements within the same row and don't want extra white space between them. Below I will introduce in detail how to avoid automatic label wrapping in HTML. 1. Use inline elements. Use elements with inline characteristics, such as `<span>` and `<a>`, etc. to avoid automatic label wrapping. This is because the inline element</p><span class="Articlelist_txts_time">May 15, 2023 pm 02:05 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/540161.html" title="Regular replacement of html tags" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/15/2023051514060897385.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Regular replacement of html tags" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/540161.html" title="Regular replacement of html tags" class="Articlelist_txts_title">Regular replacement of html tags</a></h3><p class="Articlelist_txts_p">HTML is the standard language for web pages, but in some cases, we need to extract plain text from HTML web pages. In this case, replacing HTML tags is useful. This article will introduce how to use regular expressions to replace HTML tags. First, what is a regular expression? A regular expression is an expression used to match strings. It can be used to search, replace and extract text. Regular expressions are commonly used in text processing, such as searching and finding text in programming or text editors. Using regular expressions to replace HTML tags In many cases we want</p><span class="Articlelist_txts_time">May 15, 2023 pm 02:06 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/545709.html" title="html tag escape" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/21/2023052115550861594.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html tag escape" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/545709.html" title="html tag escape" class="Articlelist_txts_title">html tag escape</a></h3><p class="Articlelist_txts_p">In web development, we often use html tags or elements. These tags are usually used to describe and display the content on the page, including text, images, links, tables, etc. But when using these tags, we need to pay attention to some special characters, such as <, >, &, etc. These characters may affect the display of the tags or even cause code errors. To solve this problem, we need to use escape characters of html tags. 1. What is html escaping? HTML escaping refers to converting some special characters into their corresponding entity characters or tags.</p><span class="Articlelist_txts_time">May 21, 2023 pm 03:55 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/555779.html" title="How to remove html tags in php code" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202306/06/2023060609382461438.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="How to remove html tags in php code" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/555779.html" title="How to remove html tags in php code" class="Articlelist_txts_title">How to remove html tags in php code</a></h3><p class="Articlelist_txts_p">The method to remove HTML tags in PHP is: 1. Create a PHP sample file; 2. Create a variable $html_string to store characters with html tags; 3. Use the "strip_tags($html_string)" syntax to strip all HTML tags and their contents Delete from the string; 4. Output the deleted string through echo.</p><span class="Articlelist_txts_time">Jun 06, 2023 am 11:00 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=php"><span class="Articlelist_txts_infoss on">php</span></a></div></div></div><hr /></div><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/hotarticle2.png" alt="" /><h2>Hot Article</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/679836.html" title="Understand the global attributes of HTML tags" class="phpgenera_Details_mainR4_bottom_title">Understand the global attributes of HTML tags</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 years ago</span><span>By王林</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/631024.html" title="Complete collection of HTML tags" class="phpgenera_Details_mainR4_bottom_title">Complete collection of HTML tags</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 years ago</span><span>Byzbt</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/624097.html" title="Common HTML tags" class="phpgenera_Details_mainR4_bottom_title">Common HTML tags</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 years ago</span><span>Byzbt</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/601968.html" title="HTML tags" class="phpgenera_Details_mainR4_bottom_title">HTML tags</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 years ago</span><span>ByWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/555779.html" title="How to remove html tags in php code" class="phpgenera_Details_mainR4_bottom_title">How to remove html tags in php code</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 years ago</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/article.html">Show More</a></div></div></div><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/hottools2.png" alt="" /><h2>Hot Tools</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417754263702.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Kits AI" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_title"><h3>Kits AI</h3></a><p>Transform your voice with AI artist voices. Create and train your own AI voice model.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417756684210.jpeg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="SOUNDRAW - AI Music Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_title"><h3>SOUNDRAW - AI Music Generator</h3></a><p>Create music easily for videos, films, and more with SOUNDRAW's AI music generator.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173399378227633.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Web ChatGPT.ai" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_title"><h3>Web ChatGPT.ai</h3></a><p>Free Chrome extension with OpenAI chatbot for efficient browsing.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/valyfy" title="Valyfy" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/174312596477302.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Valyfy" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/valyfy" title="Valyfy" class="phpmain_tab2_mids_title"><h3>Valyfy</h3></a><p>Career-building platform connecting users with startup challenges.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/hypebridge" title="HypeBridge" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/174312593594901.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="HypeBridge" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/hypebridge" title="HypeBridge" class="phpmain_tab2_mids_title"><h3>HypeBridge</h3></a><p>Automated influencer marketing platform powered by AI.</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ai">Show More</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/hotarticle2.png" alt="" /><h2>Hot Topics</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/gitsvn" title="The difference between git and svn" class="phpgenera_Details_mainR4_bottom_title">The difference between git and svn</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>217</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>6</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/djinputkmygb" title="What to do if there is no cursor when clicking on the input box" class="phpgenera_Details_mainR4_bottom_title">What to do if there is no cursor when clicking on the input box</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>120</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>4</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/cjjrjzwggjc" title="C++ software Chinese change tutorial" class="phpgenera_Details_mainR4_bottom_title">C++ software Chinese change tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>136</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>9</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/dnpmxswxh" title="Computer screen shows no signal" class="phpgenera_Details_mainR4_bottom_title">Computer screen shows no signal</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>440</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>8</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/cjdtomcatldyn" title="What are the common tomcat vulnerabilities?" class="phpgenera_Details_mainR4_bottom_title">What are the common tomcat vulnerabilities?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>172</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/faq/zt">Show More</a></div></div></div></div></main><footer><div class="footer footermedit"><div class="footertop"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/logo.png"
alt="" /><p>Public welfare online PHP training，Help PHP learners grow quickly！</p></div><div class="footermid"><a href="" title="">About us</a><a href="" title="">Disclaimer</a><a href="" title="">Sitemap</a></div><div class="footerbottom"><p>© php.cn All rights reserved</p></div></div></footer><script>
// 通用函数，用于显示或隐藏元素
function toggleElementsDisplay(className, show) {
const elements = document.getElementsByClassName(className);
for (let i = 0; i < elements.length; i++) {
elements[i].style.display = show ? "block" : "none";
}
}
// 绑定事件监听器
function bindEventListeners() {
const toggleDisplay = (className, show, eventId) => {
document.getElementById(eventId).addEventListener("click", (event) => {
event.preventDefault();
toggleElementsDisplay(className, show);
});
};
toggleDisplay("m_editormain12main", true, "fixed_tab_img");
toggleDisplay("m_editormain12main", false, "fixed_tab_topi");
toggleDisplay("m_editormain12main", false, "fixed_tab_close");
// 控制 m_menu 的显示和隐藏
toggleDisplay("m_menu", true, "lan1sp");
toggleDisplay("m_menu", false, "m_editormain12main_topi_sp");
// 控制 m_menu_lang 的显示和隐藏
toggleDisplay("m_menu_lang", true, "lan1");
toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan");
}
// 在页面加载完成后绑定事件监听器
window.onload = bindEventListeners;
layui.use(function () {
var util = layui.util;
util.fixbar({
on: {
mouseenter: function (type) {
layer.tips(type, this, {
tips: 4,
fixed: true,
});
},
mouseleave: function (type) {
layer.closeAll("tips");
},
},
});
});
// 获取关闭按钮
const closeButton = document.querySelector(".phpgenera_Details_mainR1_close");
// 获取容器元素
const container = document.querySelector(".phpgenera_Details_mainR1");
// 添加点击事件监听器
closeButton.addEventListener("click", (event) => {
event.preventDefault(); // 阻止默认的<a>点击行为
container.style.display = "none"; // 隐藏容器
});
document.addEventListener("DOMContentLoaded", () => {
// 动态获取所有滚动链接及隐藏目标元素
const links = [{
linkId: "fixed_tab_a1",
targetId: "Topic_Details_mainL2_R_title1",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
{
linkId: "fixed_tab_a2",
targetId: "Topic_Details_mainL2_R_title2",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
{
linkId: "fixed_tab_a3",
targetId: "Topic_Details_mainL2_R_title3",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
];
links.forEach(({
linkId,
targetId,
hideElementId
}) => {
const linkElement = document.getElementById(linkId);
const targetElement = document.getElementById(targetId);
const hideElement = document.getElementById(hideElementId);
if (linkElement && targetElement) {
linkElement.addEventListener("click", (e) => {
e.preventDefault(); // 阻止默认行为
// 隐藏指定元素
if (hideElement) {
hideElement.style.display = "none";
}
// 平滑滚动到目标元素
targetElement.scrollIntoView({
behavior: "smooth"
});
});
} else {
console.warn(
`Link, target, or hide element not found: ${linkId}, ${targetId}, ${hideElementId}`
);
}
});
});
</script></body></html>
75
12
