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/515129.html" title="Let's talk about some common 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/202304/13/2023041314215433422.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Let's talk about some common HTML tags" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/515129.html" title="Let's talk about some common HTML tags" class="Articlelist_txts_title">Let's talk about some common HTML tags</a></h3><p class="Articlelist_txts_p">HTML tag settings HTML is the abbreviation of HyperText Markup Language, which is a markup language used to create web pages and web applications. In HTML, documents are made more readable and accessible by using various tags and attributes to organize and format content. In this article, we will focus on some common HTML tags, as well as their syntax and usage. Text Tags In HTML, text tags are used to style and format text. The following are some commonly used text tags: 1. \<</p><span class="Articlelist_txts_time">Apr 13, 2023 pm 01:37 PM</span></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/540385.html" title="html tags and usage" 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/2023051518050855759.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html tags and usage" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/540385.html" title="html tags and usage" class="Articlelist_txts_title">html tags and usage</a></h3><p class="Articlelist_txts_p">With the popularity of the Internet, web design has become a widespread skill. For people who want to understand web design, it is essential to understand HTML tags and their usage. HTML is the abbreviation of HyperText Markup Language, which is a markup language used to describe the content of web pages. HTML tags are the core of HTML. Through these tags, we can control the structure and style of web pages. Next, let’s take a look at common HTML tags and their usage: 1. Doctype</p><span class="Articlelist_txts_time">May 15, 2023 pm 06:05 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/415451.html" title="What does the title tag mean?" 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/000/027/5c6e50fe7c7eb296.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="What does the title tag mean?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/415451.html" title="What does the title tag mean?" class="Articlelist_txts_title">What does the title tag mean?</a></h3><p class="Articlelist_txts_p">The title element defines the title of the document. Browsers use the title in a special way and usually place it on the title bar or status bar of the browser window. Likewise, when a document is added to a user's links list or favorites or bookmarks list, the title becomes the default name for the link to the document.</p><span class="Articlelist_txts_time">Feb 21, 2019 pm 03:23 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/408210.html" title="What is the head tag? Introduction to head tag in html" 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/000/009/5b715421c3505371.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="What is the head tag? Introduction to head tag in html" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/408210.html" title="What is the head tag? Introduction to head tag in html" class="Articlelist_txts_title">What is the head tag? Introduction to head tag in html</a></h3><p class="Articlelist_txts_p">This article brings you the content about what is the head tag? The introduction of the head tag in HTML has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.</p><span class="Articlelist_txts_time">Aug 13, 2018 pm 05:50 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/414890.html" title="What is the label of head?" 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/000/027/5c516c9641d3c479.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="What is the label of head?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/414890.html" title="What is the label of head?" class="Articlelist_txts_title">What is the label of head?</a></h3><p class="Articlelist_txts_p">The head tag is a built-in tag included in the HEAD part of a web page. It is generally used to declare the scripting language used and the method used when transmitting the web page.</p><span class="Articlelist_txts_time">Jan 30, 2019 pm 05:22 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=head"><span class="Articlelist_txts_infoss on">head</span></a><a href="https://m.php.cn/search?word=headtag"><span class="Articlelist_txts_infoss ">head tag</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/385368.html" title="Introduction to common uses of HTML meta 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/061/021/5a654ffb08ded432.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Introduction to common uses of HTML meta tags" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/385368.html" title="Introduction to common uses of HTML meta tags" class="Articlelist_txts_title">Introduction to common uses of HTML meta tags</a></h3><p class="Articlelist_txts_p">This time I will introduce to you the common usage of HTML meta tags, and what are the precautions for using HTML meta tags. Here are practical cases, let’s take a look.</p><span class="Articlelist_txts_time">Jan 22, 2018 am 10:44 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=meta"><span class="Articlelist_txts_infoss ">meta</span></a><a href="https://m.php.cn/search?word=usage"><span class="Articlelist_txts_infoss ">usage</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/453181.html" title="What is the function of style tag" 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/202006/28/2020062811391967846.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="What is the function of style tag" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/453181.html" title="What is the function of style tag" class="Articlelist_txts_title">What is the function of style tag</a></h3><p class="Articlelist_txts_p">The style tag is used to describe the style to be defined. The style tag is used to define style information for the HTML document. In the style element, you can specify how the HTML element is presented in the browser. The style tag should be placed in the head.</p><span class="Articlelist_txts_time">Jun 28, 2020 am 11:41 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=css"><span class="Articlelist_txts_infoss on">css</span></a><a href="https://m.php.cn/search?word=style"><span class="Articlelist_txts_infoss ">style</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/415259.html" title="What does script tag mean?" 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/000/027/5c67a2b596718778.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="What does script tag mean?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/415259.html" title="What does script tag mean?" class="Articlelist_txts_title">What does script tag mean?</a></h3><p class="Articlelist_txts_p">The script tag is used to define client-side scripts, such as JavaScript. The script element can contain script statements or point to external script files through the src attribute.</p><span class="Articlelist_txts_time">Feb 16, 2019 pm 01:43 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=scripttag"><span class="Articlelist_txts_infoss on">script tag</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/420831.html" title="How to use html body tag" 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/000/020/5cecabcd14547560.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="How to use html body tag" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/420831.html" title="How to use html body tag" class="Articlelist_txts_title">How to use html body tag</a></h3><p class="Articlelist_txts_p">The html body tag is the body part of a web page, which is used to define the main content of the web page and is also a necessary part of an HTML document. The body element contains all the content of the document (such as text, hyperlinks, images, tables, lists, etc.)</p><span class="Articlelist_txts_time">May 28, 2019 am 11:34 AM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/409228.html" title="What does the html5 header tag mean? Detailed explanation of the usage of html5 header tag (with examples)" 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/000/023/5b876a6db9acd783.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="What does the html5 header tag mean? Detailed explanation of the usage of html5 header tag (with examples)" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/409228.html" title="What does the html5 header tag mean? Detailed explanation of the usage of html5 header tag (with examples)" class="Articlelist_txts_title">What does the html5 header tag mean? Detailed explanation of the usage of html5 header tag (with examples)</a></h3><p class="Articlelist_txts_p">This article mainly introduces you to a basic introduction to the elements of the html5 header tag, and an analysis of usage examples of the header tag. Let’s take a look at this article about html5 header tags.</p><span class="Articlelist_txts_time">Aug 30, 2018 pm 01:41 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=header"><span class="Articlelist_txts_infoss on">header</span></a><a href="https://m.php.cn/search?word=html"><span class="Articlelist_txts_infoss ">html</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/415186.html" title="What is nav tag?" 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/000/027/5c6627e5dd23f973.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="What is nav tag?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/415186.html" title="What is nav tag?" class="Articlelist_txts_title">What is nav tag?</a></h3><p class="Articlelist_txts_p">The nav tag defines parts of the navigation link and divides the links with navigation properties together, making the code structure more semantically accurate and providing better support for devices such as screen readers.</p><span class="Articlelist_txts_time">Feb 15, 2019 am 10:48 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=navtag"><span class="Articlelist_txts_infoss on">nav tag</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/408543.html" title="What does the html5 main tag mean? Detailed introduction to the role of html5 main tag" 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/000/023/5b7633770fc3b240.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="What does the html5 main tag mean? Detailed introduction to the role of html5 main tag" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/408543.html" title="What does the html5 main tag mean? Detailed introduction to the role of html5 main tag" class="Articlelist_txts_title">What does the html5 main tag mean? Detailed introduction to the role of html5 main tag</a></h3><p class="Articlelist_txts_p">What does the html5 main tag mean? A detailed introduction to the role of the html5 main tag. This article mainly talks about the definition and specific functions of the html5 main tag, as well as detailed instructions on the use of the html5 main tag.</p><span class="Articlelist_txts_time">Aug 17, 2018 pm 01:41 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/415262.html" title="What is the function of section tag" 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/000/027/5c67a54a09907875.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="What is the function of section tag" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/415262.html" title="What is the function of section tag" class="Articlelist_txts_title">What is the function of section tag</a></h3><p class="Articlelist_txts_p">The section tag defines a section (section, section) in the document. Such as chapters, headers, footers, or other parts of the document. The section element represents a section of the document or application. By "section," I mean an area of content grouped by topic, usually with a title.</p><span class="Articlelist_txts_time">Feb 16, 2019 pm 01:54 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/faq/414996.html" title="What does the article tag do?" 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/000/027/5c53ed6403796360.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="What does the article tag do?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/faq/414996.html" title="What does the article tag do?" class="Articlelist_txts_title">What does the article tag do?</a></h3><p class="Articlelist_txts_p">The role of the article tag in HTML is to specify independent self-contained content, where the external content is a new article from an external news provider, or text from a blog, or text from a forum, or from other external sources source content.</p><span class="Articlelist_txts_time">Feb 01, 2019 pm 02:56 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/search?word=articletag"><span class="Articlelist_txts_infoss on">article tag</span></a></div></div></div><hr /><ul class="pagination"><div class="mngfPage"><ul class="page"> <a href="javascript:;" class="active">1</a><a href="/faq/cjdhtmlbq?p=2">2</a><a href="/faq/cjdhtmlbq?p=3">3</a> <a href="/faq/cjdhtmlbq?p=2">></a></ul></div></ul></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/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/603677.html" title="what does a tag mean" class="phpgenera_Details_mainR4_bottom_title">what does a tag mean</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 years ago</span><span>ByDDD</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/540385.html" title="html tags and usage" class="phpgenera_Details_mainR4_bottom_title">html tags and usage</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/515129.html" title="Let's talk about some common HTML tags" class="phpgenera_Details_mainR4_bottom_title">Let's talk about some common HTML tags</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 years ago</span><span>ByPHPz</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/agnaistic" title="Agnaistic" 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/174390322883190.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Agnaistic" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/agnaistic" title="Agnaistic" class="phpmain_tab2_mids_title"><h3>Agnaistic</h3></a><p>Platform for character management and chat interactions.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/aha" title="Aha" 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/174390320455134.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Aha" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/aha" title="Aha" class="phpmain_tab2_mids_title"><h3>Aha</h3></a><p>AI platform for influencer marketing with 24/7 support.</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/hjblssm" title="What are environment variables" class="phpgenera_Details_mainR4_bottom_title">What are environment variables</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>234</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>15</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/chatgptgnkbky" title="Can chatgpt be used in China?" class="phpgenera_Details_mainR4_bottom_title">Can chatgpt be used in China?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>261</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>10</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/dyrhckxzjl" title="How to check download history on TikTok" class="phpgenera_Details_mainR4_bottom_title">How to check download history on TikTok</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>163</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>7</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/xmppxyjs" title="Introduction to xmpp protocol" class="phpgenera_Details_mainR4_bottom_title">Introduction to xmpp protocol</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>148</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>3</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/qhyfkjjssm" title="What is the shortcut key for switching users?" class="phpgenera_Details_mainR4_bottom_title">What is the shortcut key for switching users?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>180</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>18</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>
328
34
