1. <dfn id="kaeby"><acronym id="kaeby"></acronym></dfn>
    <nobr id="kaeby"><listing id="kaeby"><strong id="kaeby"></strong></listing></nobr>
  2. <thead id="kaeby"><font id="kaeby"><ins id="kaeby"></ins></font></thead>
  3. <abbr id="kaeby"></abbr>

    This is jsoup program<\/p><\/body><\/html>\";\nDocument docu = Jsoup.parse(html_code);\nSystem.out.println(docu.title());\nElements para = docu.getElementsByTag(\"p\");\nfor (Element paragraph : para) {\nSystem.out.println(paragraph.text());\n}\n}\n}<\/pre>\n

    Explanation<\/strong><\/p>\n

    This is a simple program of Jsoup where we try to fetch the content of web pages, in the above example we write the string with HTML code and we try to fetch that string by using Jsoup library as shown in the above code. The end result of the above program we illustrated by using the following screenshot as follows.<\/p>\n

    \"Contoh<\/p>\n

    Now let’s see the second example of Jsoup as follows.<\/p>\n

    Example #2<\/h4>\n
    package com.sample;\nimport org.jsoup.Jsoup;\nimport org.jsoup.nodes.Document;\nimport org.jsoup.nodes.Element;\nimport org.jsoup.select.Elements;\nimport java.io.IOException;\npublic class jsample {\npublic static void main(String[] args) {\nDocument docu;\ntry {\n\/\/ required protocol that is http\ndocu = Jsoup.connect(\"http:\/\/google.com\").get();\n\/\/ title of page\nString title_page = docu.title();\nSystem.out.println(\"title : \" + title_page);\n\/\/ links\nElements links_web = docu.select(\"a[href]\");\nfor (Element link : links_web) {\n\/\/ href attribute\nSystem.out.println(\"\\n web_link : \" + link.attr(\"href\"));\nSystem.out.println(\"web_text : \" + link.text());\n}\n} catch (IOException e) {\ne.printStackTrace();\n}\n}\n}<\/pre>\n

    Explanation<\/strong><\/p>\n

    By using the above code we try to find out the all hyperlinks of google.com. Here we first import the required packages and library as shown. After we write the code for HTTP protocol and how we can get the all hyperlinks for google.com as shown. The final output of the above program we illustrated by using the following screenshot as follows.<\/p>\n

    \"Contoh<\/p>\n\n\n

    Now let’s see examples of images as follows.<\/p>\n

    Example #3<\/h4>\n
    package demo;\nimport org.jsoup.Jsoup;\nimport org.jsoup.nodes.Document;\nimport org.jsoup.nodes.Element;\nimport org.jsoup.select.Elements;\nimport java.io.IOException;\npublic class jsample {\npublic static void main(String[] args) {\nDocument docu;\ntry {\ndocu = Jsoup.connect(\"http:\/\/google.com\").get();\nElements web_images = docu.select(\"img[src~=(?i)\\\\.(png|jpe?g|gif)]\");\nfor (Element image : web_images) {\nSystem.out.println(\"\\nsrc : \" + image.attr(\"src\"));\nSystem.out.println(\"Img_height : \" + image.attr(\"height\"));\nSystem.out.println(\"Img_width : \" + image.attr(\"width\"));\nSystem.out.println(\"Img_alt : \" + image.attr(\"alt\"));\n}\n} catch (IOException e) {\ne.printStackTrace();\n}\n}\n}<\/pre>\n

    Explanation<\/strong><\/p>\n

    By using the above example, we try to fetch all sources of images, here we try to fetch the images of google.com as shown in the above code. After that, we write the code to fetch the height, width as shown. The final output of the above program we illustrated by using the following screenshot as follows.<\/p>\n

    \"Contoh<\/p>\n

    Now let’s see the example of metadata as follows.<\/p>\n

    package demo;\nimport org.jsoup.Jsoup;\nimport org.jsoup.nodes.Document;\npublic class jsample {\npublic static void main(String[] args) {\nStringBuffer html_code = new StringBuffer();\nhtml_code.append(\"\");\nhtml_code.append(\"\");\nhtml_code.append(\"\");\nhtml_code.append(\"\");\nhtml_code.append(\"Hollywood Life<\/title>\");\nhtml_code.append(\"<meta name=\\\"description\\\" content=\\\"New trends in entertainment news\\\" \/>\");\nhtml_code.append(\"<meta name=\\\"keywords\\\" content=\\\"Cricket News, Bollywood News, Football News\\\" \/>\");\nhtml_code.append(\"<\/head>\");\nhtml_code.append(\"<body>
    <h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\");\nhtml_code.append(\"<div   class="377j5v51b"   id='color'>Blue color is here<\/div> \/>\");\nhtml_code.append(\"<\/body>\");\nhtml_code.append(\"<\/html>\");\nDocument docu = Jsoup.parse(html_code.toString());\n\/\/get a description of metadata content\nString des = docu.select(\"meta[name=description]\").get(0).attr(\"content\");\nSystem.out.println(\"Meta description : \" + des);\n\/\/get keyword of metadata content\nString keyw = docu.select(\"meta[name=keywords]\").first().attr(\"content\");\nSystem.out.println(\"Meta keyword : \" + keyw);\nString color_A = docu.getElementById(\"color\").text();\nString color_B = docu.select(\"div#color\").get(0).text();\nSystem.out.println(color_A);\nSystem.out.println(color_B);\n}\n}<\/pre>\n<p><strong>Explanation<\/strong><\/p>\n<p>By using the above code we try to implement the metadata in jsoup, here we write the HTML body and metadata and push by using the append function as shown. After that, we write the code for the metadata description and keyword of metadata. The final output of the above program we illustrated by using the following screenshot as follows.<\/p>\n\n\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172544012821708.png\" alt=\"Contoh Jsoup\" ><\/p>\n<p>Now let’s see how we can get icons as follows.<\/p>\n<h4>Example #4<\/h4>\n<pre>package demo;\nimport org.jsoup.Jsoup;\nimport org.jsoup.nodes.Document;\nimport org.jsoup.nodes.Element;\npublic class jsample {\npublic static void main(String[] args) {\nStringBuffer html_code = new StringBuffer();\nhtml_code.append(\"<html lang=\\\"en\\\">\");\nhtml_code.append(\"<head>\");\nhtml_code.append(\"<link rel=\\\"icon\\\" href=\\\"http:\/\/specifiedurl.com\/img.ico\\\" \/>\");\nhtml_code.append(\"<\/head>\");\nhtml_code.append(\"<body>\");\nhtml_code.append(\"something\");\nhtml_code.append(\"<\/body>\");\nhtml_code.append(\"<\/html>\");\nDocument docu = Jsoup.parse(html_code.toString());\nString fav = \"\";\nElement ele = docu.head().select(\"link[href~=.*\\\\.(ico|png)]\").first();\nif(ele==null){\nele = docu.head().select(\"meta[itemprop=image]\").first();\nif(ele!=null){\nfav = ele.attr(\"content\");\n}\n}else{\nfav = ele.attr(\"href\");\n}\nSystem.out.println(fav);\n}\n}<\/pre>\n<p><strong>Explanation<\/strong><\/p>\n<p>By using the above example we try to implement the get an icon in Jsoup, here we need to specify the URL of the website that we want. After that, we also need to mention the link tag of HTML as shown. The final output of the above program we illustrated by using the following screenshot as follows.<\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172544013021174.png\" alt=\"Contoh Jsoup\" ><\/p>\n<h3>Conclusion – Jsoup Example<\/h3>\n<p>We hope from this article you learn more about the Jsoup example. From the above article, we have taken in the essential idea of the jsoup example. and we also see the representation and example of Jsoup examples. From this article, we learned how and when we use the Jsoup example.<\/p>"}	</script>
    	
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    </head>
    
    <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
    	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
    <header>
        <div   id="377j5v51b"   class="head">
            <div   id="377j5v51b"   class="haed_left">
                <div   id="377j5v51b"   class="haed_logo">
                    <a href="http://m.miracleart.cn/ms/" title="" class="haed_logo_a">
                        <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                    </a>
                </div>
                <div   id="377j5v51b"   class="head_nav">
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="masyarakat" class="head_nava head_nava-template1">masyarakat</a>
                        <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://m.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
                                <a href="http://m.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
                                <a href="http://m.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a>
                        <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://m.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
                                <a href="http://m.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a>
                        <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://m.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
                                <a href="http://m.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
                                <a href="http://m.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
                                <a href="http://m.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
                                <a href="http://m.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
                                <a href="http://m.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="http://m.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a>
                        <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://m.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
                                <a href="http://m.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a>
    
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                        <div   id="377j5v51b"   class="head_search">
                    <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                    <a href="javascript:;" title="cari"  onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a>
                </div>
                    <div   id="377j5v51b"   class="head_right">
                <div   id="377j5v51b"   class="haed_language">
                    <a href="javascript:;" class="layui-btn haed_language_btn">Melayu<i class="layui-icon layui-icon-triangle-d"></i></a>
                    <div   class="377j5v51b"   id="dropdown-template" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                                                    <a href="javascript:setlang('zh-cn');" title="簡(jiǎn)體中文" class="languagechoosea">簡(jiǎn)體中文</a>
                                                    <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                    <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                    <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
                                                    <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                    <a href="javascript:;" title="Melayu" class="languagechoosea">Melayu</a>
                                                    <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                    <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                                </div>
                    </div>
                </div>
                <span id="377j5v51b"    class="head_right_line"></span>
                                <div style="display: block;" id="login" class="haed_login ">
                        <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                    </div>
                    <div style="display: block;" id="reg" class="head_signup login">
                        <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                    </div>
                
            </div>
        </div>
    </header>
    
    	
    	<main>
    		<div   id="377j5v51b"   class="Article_Details_main">
    			<div   id="377j5v51b"   class="Article_Details_main1">
    							<div   id="377j5v51b"   class="Article_Details_main1L">
    					<div   id="377j5v51b"   class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
    						<div   id="377j5v51b"   class="Article_Details_main1L1">Jadual Kandungan</div>
    						<div   id="377j5v51b"   class="Article_Details_main1L2" id="Article_Details_main1L2">
    							<!-- 左側(cè)懸浮,文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
    															<div   id="377j5v51b"   class="Article_Details_main1L2s ">
    									<a href="#Jsoup-Overview" title="Jsoup Overview" >Jsoup Overview</a>
    								</div>
    																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
    									<a href="#All-Jsoup-Examples" title="All Jsoup Examples" >All Jsoup Examples</a>
    								</div>
    																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
    									<a href="#Example" title="Example #4" >Example #4</a>
    								</div>
    																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
    									<a href="#Conclusion-Jsoup-Example" title="Conclusion – Jsoup Example" >Conclusion – Jsoup Example</a>
    								</div>
    														</div>
    					</div>
    				</div>
    							<div   id="377j5v51b"   class="Article_Details_main1M">
    					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
    						<a href="http://m.miracleart.cn/ms/" title="Rumah"
    							class="phpgenera_Details_mainL1a">Rumah</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    												<a href="http://m.miracleart.cn/ms/web-designer.html"
    							class="phpgenera_Details_mainL1a">hujung hadapan web</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    												<a href="http://m.miracleart.cn/ms/div-tutorial.html"
    							class="phpgenera_Details_mainL1a">html tutorial</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    						<span>Contoh Jsoup</span>
    					</div>
    					
    					<div   id="377j5v51b"   class="Articlelist_txts">
    						<div   id="377j5v51b"   class="Articlelist_txts_info">
    							<h1 class="Articlelist_txts_title">Contoh Jsoup</h1>
    							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
    								<div   id="377j5v51b"   class="author_info">
    									<a href="http://m.miracleart.cn/ms/member/465014.html"  class="author_avatar">
    									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林">
    									</a>
    									<div   id="377j5v51b"   class="author_detail">
    																			<a href="http://m.miracleart.cn/ms/member/465014.html" class="author_name">王林</a>
                                    										</div>
    								</div>
                    			</div>
    							<span id="377j5v51b"    class="Articlelist_txts_time">Sep 04, 2024 pm	 04:55 PM</span>
    															<div   id="377j5v51b"   class="Articlelist_txts_infos">
    																			<span id="377j5v51b"    class="Articlelist_txts_infoss on">html</span>
    																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">html5</span>
    																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML Tutorial</span>
    																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML Properties</span>
    																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML tags</span>
    																	</div>
    														
    						</div>
    					</div>
    					<hr />
    					<div   id="377j5v51b"   class="article_main php-article">
    						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
    						<ins class="adsbygoogle"
    							style="display:block; text-align:center;"
    							data-ad-layout="in-article"
    							data-ad-format="fluid"
    							data-ad-client="ca-pub-5902227090019525"
    							data-ad-slot="3461856641">
    						</ins>
    						
    
    					<p>Basically, Java provides different types of libraries to the user, in which jsoup maven is one of the libraries that are provided by Java. Jsoup normally is used while we need to work with the real-time HTML pages. Jsoup provides the different types of API to fetch the different URLs and manipulates them with the help of HTML5 DOM and a selector of CSS as per requirement. By using jsoup we perform a different operation or we can say that we can write the different programs for getting the title of a web page, get a number of links from a specific web page, get a number of images from the specified web pages and we can get the metadata of URL and HTML documents.</p>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <h3 id="Jsoup-Overview">Jsoup Overview</h3>
    <p>Jsoup is an open-source Java library utilized essentially for separating information from HTML. It additionally permits you to control and yield HTML. It has a consistent improvement line, extraordinary documentation, and a familiar and adaptable API. Jsoup can likewise be utilized to parse and fabricate XML.</p>
    <p>Jsoup loads the page HTML and constructs the related DOM tree. This tree works the same way as the DOM in a program, offering techniques like jQuery and vanilla JavaScript to choose the cross, control text/HTML/characteristics and add/eliminate components.<br>
    Different components of Jsoup are listed below as follows.</p>
    <ul>
    <li>Stacking: Bringing and parsing the HTML into a Document.</li>
    <li>Separating: Choosing the ideal information into Elements and navigating it.</li>
    <li>Removing: Getting properties, text, and HTML of hubs.</li>
    <li>Changing: Adding/altering/eliminating hubs and altering their traits.</li>
    </ul>
    <h3 id="All-Jsoup-Examples">All Jsoup Examples</h3>
    <p>Now let’s see all the examples jsoup one by one as follows.</p>
    <h4 id="Example">Example #1</h4>
    <pre class="brush:php;toolbar:false">package demo;
    import org.jsoup.Jsoup;
    import org.jsoup.nodes.Document;
    import org.jsoup.nodes.Element;
    import org.jsoup.select.Elements;
    public class jsoup {
    public static void main(String[] args) {
    String html_code = "<html><head><title>Welcome</title></head>"
    + "<body><p>This is jsoup program</p></body></html>";
    Document docu = Jsoup.parse(html_code);
    System.out.println(docu.title());
    Elements para = docu.getElementsByTag("p");
    for (Element paragraph : para) {
    System.out.println(paragraph.text());
    }
    }
    }</pre>
    <p><strong>Explanation</strong></p>
    <p>This is a simple program of Jsoup where we try to fetch the content of web pages, in the above example we write the string with HTML code and we try to fetch that string by using Jsoup library as shown in the above code. The end result of the above program we illustrated by using the following screenshot as follows.</p>
    <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172544012384138.png" class="lazy" alt="Contoh Jsoup" ></p>
    <p>Now let’s see the second example of Jsoup as follows.</p>
    <h4 id="Example">Example #2</h4>
    <pre class="brush:php;toolbar:false">package com.sample;
    import org.jsoup.Jsoup;
    import org.jsoup.nodes.Document;
    import org.jsoup.nodes.Element;
    import org.jsoup.select.Elements;
    import java.io.IOException;
    public class jsample {
    public static void main(String[] args) {
    Document docu;
    try {
    // required protocol that is http
    docu = Jsoup.connect("http://google.com").get();
    // title of page
    String title_page = docu.title();
    System.out.println("title : " + title_page);
    // links
    Elements links_web = docu.select("a[href]");
    for (Element link : links_web) {
    // href attribute
    System.out.println("\n web_link : " + link.attr("href"));
    System.out.println("web_text : " + link.text());
    }
    } catch (IOException e) {
    e.printStackTrace();
    }
    }
    }</pre>
    <p><strong>Explanation</strong></p>
    <p>By using the above code we try to find out the all hyperlinks of google.com. Here we first import the required packages and library as shown. After we write the code for HTTP protocol and how we can get the all hyperlinks for google.com as shown. The final output of the above program we illustrated by using the following screenshot as follows.</p>
    <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172544012519560.png" class="lazy" alt="Contoh Jsoup" ></p>
    
    
    <p>Now let’s see examples of images as follows.</p>
    <h4 id="Example">Example #3</h4>
    <pre class="brush:php;toolbar:false">package demo;
    import org.jsoup.Jsoup;
    import org.jsoup.nodes.Document;
    import org.jsoup.nodes.Element;
    import org.jsoup.select.Elements;
    import java.io.IOException;
    public class jsample {
    public static void main(String[] args) {
    Document docu;
    try {
    docu = Jsoup.connect("http://google.com").get();
    Elements web_images = docu.select("img[src~=(?i)\\.(png|jpe?g|gif)]");
    for (Element image : web_images) {
    System.out.println("\nsrc : " + image.attr("src"));
    System.out.println("Img_height : " + image.attr("height"));
    System.out.println("Img_width : " + image.attr("width"));
    System.out.println("Img_alt : " + image.attr("alt"));
    }
    } catch (IOException e) {
    e.printStackTrace();
    }
    }
    }</pre>
    <p><strong>Explanation</strong></p>
    <p>By using the above example, we try to fetch all sources of images, here we try to fetch the images of google.com as shown in the above code. After that, we write the code to fetch the height, width as shown. The final output of the above program we illustrated by using the following screenshot as follows.</p>
    <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172544012759529.png" class="lazy" alt="Contoh Jsoup" ></p>
    <p>Now let’s see the example of metadata as follows.</p>
    <pre class="brush:php;toolbar:false">package demo;
    import org.jsoup.Jsoup;
    import org.jsoup.nodes.Document;
    public class jsample {
    public static void main(String[] args) {
    StringBuffer html_code = new StringBuffer();
    html_code.append("<!DOCTYPE html>");
    html_code.append("<html lang=\"en\">");
    html_code.append("<head>");
    html_code.append("<meta charset=\"UTF-8\" />");
    html_code.append("<title>Hollywood Life</title>");
    html_code.append("<meta name=\"description\" content=\"New trends in entertainment news\" />");
    html_code.append("<meta name=\"keywords\" content=\"Cricket News, Bollywood News, Football News\" />");
    html_code.append("</head>");
    html_code.append("<body>");
    html_code.append("<div id='color'>Blue color is here</div> />");
    html_code.append("</body>");
    html_code.append("</html>");
    Document docu = Jsoup.parse(html_code.toString());
    //get a description of metadata content
    String des = docu.select("meta[name=description]").get(0).attr("content");
    System.out.println("Meta description : " + des);
    //get keyword of metadata content
    String keyw = docu.select("meta[name=keywords]").first().attr("content");
    System.out.println("Meta keyword : " + keyw);
    String color_A = docu.getElementById("color").text();
    String color_B = docu.select("div#color").get(0).text();
    System.out.println(color_A);
    System.out.println(color_B);
    }
    }</pre>
    <p><strong>Explanation</strong></p>
    <p>By using the above code we try to implement the metadata in jsoup, here we write the HTML body and metadata and push by using the append function as shown. After that, we write the code for the metadata description and keyword of metadata. The final output of the above program we illustrated by using the following screenshot as follows.</p>
    
    
    <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172544012821708.png" class="lazy" alt="Contoh Jsoup" ></p>
    <p>Now let’s see how we can get icons as follows.</p>
    <h4 id="Example">Example #4</h4>
    <pre class="brush:php;toolbar:false">package demo;
    import org.jsoup.Jsoup;
    import org.jsoup.nodes.Document;
    import org.jsoup.nodes.Element;
    public class jsample {
    public static void main(String[] args) {
    StringBuffer html_code = new StringBuffer();
    html_code.append("<html lang=\"en\">");
    html_code.append("<head>");
    html_code.append("<link rel=\"icon\" href=\"http://specifiedurl.com/img.ico\" />");
    html_code.append("</head>");
    html_code.append("<body>");
    html_code.append("something");
    html_code.append("</body>");
    html_code.append("</html>");
    Document docu = Jsoup.parse(html_code.toString());
    String fav = "";
    Element ele = docu.head().select("link[href~=.*\\.(ico|png)]").first();
    if(ele==null){
    ele = docu.head().select("meta[itemprop=image]").first();
    if(ele!=null){
    fav = ele.attr("content");
    }
    }else{
    fav = ele.attr("href");
    }
    System.out.println(fav);
    }
    }</pre>
    <p><strong>Explanation</strong></p>
    <p>By using the above example we try to implement the get an icon in Jsoup, here we need to specify the URL of the website that we want. After that, we also need to mention the link tag of HTML as shown. The final output of the above program we illustrated by using the following screenshot as follows.</p>
    <p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172544013021174.png" class="lazy" alt="Contoh Jsoup" ></p>
    <h3 id="Conclusion-Jsoup-Example">Conclusion – Jsoup Example</h3>
    <p>We hope from this article you learn more about the Jsoup example. From the above article, we have taken in the essential idea of the jsoup example. and we also see the representation and example of Jsoup examples. From this article, we learned how and when we use the Jsoup example.</p><p>Atas ialah kandungan terperinci Contoh Jsoup. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>
    
    
    						</div>
    					</div>
    					<div   id="377j5v51b"   class="wzconShengming_sp">
    						<div   id="377j5v51b"   class="bzsmdiv_sp">Kenyataan Laman Web ini</div>
    						<div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div>
    					</div>
    				</div>
    
    				<ins class="adsbygoogle"
         style="display:block"
         data-ad-format="autorelaxed"
         data-ad-client="ca-pub-5902227090019525"
         data-ad-slot="2507867629"></ins>
    
    
    
    				<div   id="377j5v51b"   class="AI_ToolDetails_main4sR">
    
    
    				<ins class="adsbygoogle"
            style="display:block"
            data-ad-client="ca-pub-5902227090019525"
            data-ad-slot="3653428331"
            data-ad-format="auto"
            data-full-width-responsive="true"></ins>
        
    
    
    					<!-- <div   id="377j5v51b"   class="phpgenera_Details_mainR4">
    						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>Artikel Panas</h2>
    							</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 minggu yang lalu</span>
    										<span>By DDD</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>3 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By 下次還敢</span>
    									</div>
    								</div>
    														</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    								<a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
    							</div>
    						</div>
    					</div> -->
    
    
    											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/hottools2.png" alt="" />
    									<h2>Alat AI Hot</h2>
    								</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://m.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://m.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
    													<h3>Undress AI Tool</h3>
    												</a>
    												<p>Gambar buka pakaian secara percuma</p>
    											</div>
    										</div>
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://m.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://m.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
    													<h3>Undresser.AI Undress</h3>
    												</a>
    												<p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p>
    											</div>
    										</div>
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://m.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://m.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
    													<h3>AI Clothes Remover</h3>
    												</a>
    												<p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p>
    											</div>
    										</div>
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://m.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://m.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
    													<h3>Clothoff.io</h3>
    												</a>
    												<p>Penyingkiran pakaian AI</p>
    											</div>
    										</div>
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://m.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://m.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
    													<h3>Video Face Swap</h3>
    												</a>
    												<p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p>
    											</div>
    										</div>
    																</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    									<a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
    								</div>
    							</div>
    						</div>
    					
    
    
    					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
    						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>Artikel Panas</h2>
    							</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 minggu yang lalu</span>
    										<span>By DDD</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>3 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By 下次還敢</span>
    									</div>
    								</div>
    														</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    								<a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
    							</div>
    						</div>
    					</div>
    
    
    											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/hottools2.png" alt="" />
    									<h2>Alat panas</h2>
    								</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
    													<h3>Notepad++7.3.1</h3>
    												</a>
    												<p>Editor kod yang mudah digunakan dan percuma</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title">
    													<h3>SublimeText3 versi Cina</h3>
    												</a>
    												<p>Versi Cina, sangat mudah digunakan</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
    													<h3>Hantar Studio 13.0.1</h3>
    												</a>
    												<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://m.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://m.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
    													<h3>Dreamweaver CS6</h3>
    												</a>
    												<p>Alat pembangunan web visual</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title">
    													<h3>SublimeText3 versi Mac</h3>
    												</a>
    												<p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p>
    											</div>
    										</div>
    																	</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    									<a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
    								</div>
    							</div>
    						</div>
    										
    
    					
    					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
    						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>Topik panas</h2>
    							</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>1601</span>
    										</div>
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>29</span>
    										</div>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://m.miracleart.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>1502</span>
    										</div>
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>276</span>
    										</div>
    									</div>
    								</div>
    														</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    								<a href="http://m.miracleart.cn/ms/faq/zt">Tunjukkan Lagi</a>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    							<div   id="377j5v51b"   class="Article_Details_main2">
    					<div   id="377j5v51b"   class="phpgenera_Details_mainL4">
    						<div   id="377j5v51b"   class="phpmain1_2_top">
    							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
    									src="/static/imghw/index2_title2.png" alt="" /></a>
    						</div>
    						<div   id="377j5v51b"   class="phpgenera_Details_mainL4_info">
    
    													<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://m.miracleart.cn/ms/faq/1796849181.html" title="Mengapa gambar saya tidak muncul dalam html?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175363969291498.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Mengapa gambar saya tidak muncul dalam html?" />
    								</a>
    								<a href="http://m.miracleart.cn/ms/faq/1796849181.html" title="Mengapa gambar saya tidak muncul dalam html?" class="phphistorical_Version2_mids_title">Mengapa gambar saya tidak muncul dalam html?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 28, 2025 am	 02:08 AM</span>
    								<p class="Articlelist_txts_p">Imej tidak dipaparkan biasanya disebabkan oleh laluan fail yang salah, nama fail atau lanjutan yang salah, isu sintaks HTML, atau cache penyemak imbas. 1. Pastikan laluan SRC selaras dengan lokasi sebenar fail dan gunakan laluan relatif yang betul; 2. Periksa sama ada kes fail dan sambungan sepadan dengan tepat, dan sahkan sama ada imej boleh dimuatkan dengan terus memasukkan URL; 3. Periksa sama ada sintaks tag IMG adalah betul, pastikan tiada aksara yang berlebihan dan nilai atribut alt sesuai; 4. Penyelesaian masalah dalam pesanan ini dapat menyelesaikan masalah paparan imej HTML.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://m.miracleart.cn/ms/faq/1796848665.html" title="Bolehkah anda meletakkan tag  di dalam tag  yang lain?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175356093168643.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bolehkah anda meletakkan tag  di dalam tag  yang lain?" />
    								</a>
    								<a href="http://m.miracleart.cn/ms/faq/1796848665.html" title="Bolehkah anda meletakkan tag  di dalam tag  yang lain?" class="phphistorical_Version2_mids_title">Bolehkah anda meletakkan tag  di dalam tag  yang lain?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 27, 2025 am	 04:15 AM</span>
    								<p class="Articlelist_txts_p">?youcannotnesttagsinsideanothertagbecauseit'sinvalidhtml; browsersautomomatikclosethefirstbeforeopeningthenext, drectinginseparateParagraphs.instead, useinlineelements,</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://m.miracleart.cn/ms/faq/1796851777.html" title="Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175382222111469.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?" />
    								</a>
    								<a href="http://m.miracleart.cn/ms/faq/1796851777.html" title="Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?" class="phphistorical_Version2_mids_title">Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 30, 2025 am	 04:50 AM</span>
    								<p class="Articlelist_txts_p">Untuk membuat senarai HTML yang tidak teratur, anda perlu menggunakan tag untuk menentukan bekas senarai. Setiap item senarai dibalut dengan tag, dan penyemak imbas secara automatik akan menambah peluru; 1. Buat senarai dengan tag; 2. Setiap item senarai ditakrifkan dengan tag; 3. Penyemak imbas secara automatik menjana simbol titik lalai; 4. Sublists boleh dilaksanakan melalui bersarang; 5. Gunakan atribut jenis gaya CSS untuk mengubah suai gaya simbol, seperti cakera, bulatan, persegi, atau tidak; Gunakan tag ini dengan betul untuk menghasilkan senarai yang tidak teratur standard.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://m.miracleart.cn/ms/faq/1796849233.html" title="Bagaimana untuk menggunakan atribut contentedable?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175364067270391.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk menggunakan atribut contentedable?" />
    								</a>
    								<a href="http://m.miracleart.cn/ms/faq/1796849233.html" title="Bagaimana untuk menggunakan atribut contentedable?" class="phphistorical_Version2_mids_title">Bagaimana untuk menggunakan atribut contentedable?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 28, 2025 am	 02:24 AM</span>
    								<p class="Articlelist_txts_p">TheContentititableatTributeMakesanyhtmleLementedByDdingContentedied boleh</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://m.miracleart.cn/ms/faq/1796851820.html" title="Kepentingan HTML semantik untuk SEO dan kebolehcapaian" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175382310285254.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Kepentingan HTML semantik untuk SEO dan kebolehcapaian" />
    								</a>
    								<a href="http://m.miracleart.cn/ms/faq/1796851820.html" title="Kepentingan HTML semantik untuk SEO dan kebolehcapaian" class="phphistorical_Version2_mids_title">Kepentingan HTML semantik untuk SEO dan kebolehcapaian</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 30, 2025 am	 05:05 AM</span>
    								<p class="Articlelist_txts_p">Semantichtmlimprovesbothseoandaccessibilitybyingingmeaningfultagsthatconveycontentstructure.1) itenhancesseothroughbettercontenthierarchywithproperheadinglevels, ImprovedIndexingViaelementsLikeAnd, andsupportforrichssoShorseShorseShorseShorseSnipsoSnipsOringsAnpetAnd</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://m.miracleart.cn/ms/faq/1796852972.html" title="Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5." class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175393022141664.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5." />
    								</a>
    								<a href="http://m.miracleart.cn/ms/faq/1796852972.html" title="Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5." class="phphistorical_Version2_mids_title">Mendefinisikan perbendaharaan kata adat menggunakan markup schema.org html5.</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 31, 2025 am	 10:50 AM</span>
    								<p class="Articlelist_txts_p">Tag skema.org membantu enjin carian memahami format data berstruktur kandungan laman web melalui tag semantik (seperti skop item, jenis item, itemprop); Ia boleh digunakan untuk menentukan perbendaharaan kata tersuai, kaedah termasuk memperluaskan jenis sedia ada atau menggunakan tambahanType untuk memperkenalkan jenis baru; Dalam aplikasi sebenar, mengekalkan struktur yang jelas, menggunakan atribut rasmi terlebih dahulu, menguji kesahan kod, dan memastikan jenis tersuai boleh diakses; Langkah berjaga-jaga termasuk menerima sokongan separa, mengelakkan kesilapan ejaan, dan memilih format yang sesuai seperti JSON-LD.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://m.miracleart.cn/ms/faq/1796855449.html" title="Cara membuat medan input carian dalam bentuk HTML" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175412424244340.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Cara membuat medan input carian dalam bentuk HTML" />
    								</a>
    								<a href="http://m.miracleart.cn/ms/faq/1796855449.html" title="Cara membuat medan input carian dalam bentuk HTML" class="phphistorical_Version2_mids_title">Cara membuat medan input carian dalam bentuk HTML</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Aug 02, 2025 pm	 04:44 PM</span>
    								<p class="Articlelist_txts_p">USETHELEMENTWITHINATAGTOCREATEASEMANTICSEVELEFIELD.2.IncludeAforAccessibility, setTheForm'sActionandMethod = "GET" ATTRIBUTESTOSENDDATATOSearchendWithAphareabeBel.3.addname = "q" TODineThequeryParameter, UsePlaceShernerToguuse</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://m.miracleart.cn/ms/faq/1796856512.html" title="Apakah tujuan atribut REL dalam tag pautan dalam HTML?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175421100220698.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah tujuan atribut REL dalam tag pautan dalam HTML?" />
    								</a>
    								<a href="http://m.miracleart.cn/ms/faq/1796856512.html" title="Apakah tujuan atribut REL dalam tag pautan dalam HTML?" class="phphistorical_Version2_mids_title">Apakah tujuan atribut REL dalam tag pautan dalam HTML?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Aug 03, 2025 pm	 04:50 PM</span>
    								<p class="Articlelist_txts_p">rel = "stylesheet" linkscssfilesforstylingthepage; 2.rel = "preload" hintStopreloadcriticalResourcesforperformance; 3.rel = "ikon" setSthewebsite'sfavicon; 4.rel = "alternate" menyediakan</p>
    							</div>
    													</div>
    
    													<a href="http://m.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton">
    								<span>See all articles</span>
    								<img src="/static/imghw/down_right.png" alt="" />
    							</a>
    											</div>
    				</div>
    					</div>
    	</main>
    	<footer>
        <div   id="377j5v51b"   class="footer">
            <div   id="377j5v51b"   class="footertop">
                <img src="/static/imghw/logo.png" alt="">
                <p>Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!</p>
            </div>
            <div   id="377j5v51b"   class="footermid">
                <a href="http://m.miracleart.cn/ms/about/us.html">Tentang kita</a>
                <a href="http://m.miracleart.cn/ms/about/disclaimer.html">Penafian</a>
                <a href="http://m.miracleart.cn/ms/update/article_0_1.html">Sitemap</a>
            </div>
            <div   id="377j5v51b"   class="footerbottom">
                <p>
                    ? php.cn All rights reserved
                </p>
            </div>
        </div>
    </footer>
    
    <input type="hidden" id="verifycode" value="/captcha.html">
    
    
    
    
    		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
    	
    	
    	
    	
    	
    
    	
    	
    
    
    
    
    
    
    <footer>
    <div class="friendship-link">
    <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
    <a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
    
    <div class="friend-links">
    
    
    </div>
    </div>
    
    </footer>
    
    
    <script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
    </script>
    </body><div id="0ktii" class="pl_css_ganrao" style="display: none;"><ul id="0ktii"><button id="0ktii"><option id="0ktii"><optgroup id="0ktii"></optgroup></option></button></ul><em id="0ktii"><abbr id="0ktii"><form id="0ktii"></form></abbr></em><center id="0ktii"></center><nav id="0ktii"></nav><dfn id="0ktii"></dfn><pre id="0ktii"></pre><table id="0ktii"></table><kbd id="0ktii"><dfn id="0ktii"><u id="0ktii"><table id="0ktii"></table></u></dfn></kbd><div id="0ktii"></div><style id="0ktii"><optgroup id="0ktii"></optgroup></style><span id="0ktii"><legend id="0ktii"><div id="0ktii"><mark id="0ktii"></mark></div></legend></span><thead id="0ktii"><font id="0ktii"></font></thead><style id="0ktii"></style><dl id="0ktii"></dl><th id="0ktii"><rt id="0ktii"></rt></th><u id="0ktii"><form id="0ktii"><optgroup id="0ktii"><label id="0ktii"></label></optgroup></form></u><abbr id="0ktii"></abbr><dl id="0ktii"></dl><u id="0ktii"><form id="0ktii"><optgroup id="0ktii"><th id="0ktii"></th></optgroup></form></u><bdo id="0ktii"><code id="0ktii"><legend id="0ktii"><p id="0ktii"></p></legend></code></bdo><pre id="0ktii"><dfn id="0ktii"><mark id="0ktii"><ins id="0ktii"></ins></mark></dfn></pre><optgroup id="0ktii"><nav id="0ktii"></nav></optgroup><nobr id="0ktii"></nobr><small id="0ktii"><dfn id="0ktii"><track id="0ktii"><th id="0ktii"></th></track></dfn></small><li id="0ktii"></li><abbr id="0ktii"><li id="0ktii"></li></abbr><object id="0ktii"></object><legend id="0ktii"></legend><sup id="0ktii"></sup><acronym id="0ktii"><tfoot id="0ktii"></tfoot></acronym><dfn id="0ktii"></dfn><input id="0ktii"></input><tr id="0ktii"></tr><pre id="0ktii"><track id="0ktii"><th id="0ktii"><form id="0ktii"></form></th></track></pre><font id="0ktii"><em id="0ktii"></em></font><label id="0ktii"><input id="0ktii"><p id="0ktii"><ol id="0ktii"></ol></p></input></label><thead id="0ktii"></thead><sub id="0ktii"><center id="0ktii"><acronym id="0ktii"><del id="0ktii"></del></acronym></center></sub><del id="0ktii"></del><small id="0ktii"></small><b id="0ktii"><em id="0ktii"><listing id="0ktii"><dfn id="0ktii"></dfn></listing></em></b><sup id="0ktii"></sup><tfoot id="0ktii"></tfoot><ul id="0ktii"><u id="0ktii"><form id="0ktii"><optgroup id="0ktii"></optgroup></form></u></ul><th id="0ktii"></th><rt id="0ktii"></rt><dl id="0ktii"><p id="0ktii"><tfoot id="0ktii"></tfoot></p></dl><legend id="0ktii"></legend><menuitem id="0ktii"></menuitem><nav id="0ktii"><sup id="0ktii"></sup></nav><dd id="0ktii"></dd><samp id="0ktii"><b id="0ktii"><small id="0ktii"><noframes id="0ktii"></noframes></small></b></samp><optgroup id="0ktii"></optgroup><meter id="0ktii"><sub id="0ktii"><thead id="0ktii"></thead></sub></meter><div id="0ktii"></div><acronym id="0ktii"><pre id="0ktii"><track id="0ktii"><th id="0ktii"></th></track></pre></acronym><thead id="0ktii"><font id="0ktii"></font></thead><pre id="0ktii"><div id="0ktii"><big id="0ktii"><xmp id="0ktii"></xmp></big></div></pre><dfn id="0ktii"></dfn><li id="0ktii"></li><delect id="0ktii"><sub id="0ktii"><center id="0ktii"><mark id="0ktii"></mark></center></sub></delect><strike id="0ktii"></strike><strong id="0ktii"><dl id="0ktii"><th id="0ktii"></th></dl></strong><bdo id="0ktii"><code id="0ktii"><input id="0ktii"></input></code></bdo><output id="0ktii"></output><optgroup id="0ktii"></optgroup><strong id="0ktii"><dfn id="0ktii"><var id="0ktii"></var></dfn></strong><abbr id="0ktii"><strong id="0ktii"><label id="0ktii"><input id="0ktii"></input></label></strong></abbr><i id="0ktii"></i><p id="0ktii"></p><label id="0ktii"><input id="0ktii"><object id="0ktii"><ol id="0ktii"></ol></object></input></label><video id="0ktii"></video><nav id="0ktii"><strong id="0ktii"><label id="0ktii"></label></strong></nav><font id="0ktii"><em id="0ktii"><button id="0ktii"><samp id="0ktii"></samp></button></em></font><thead id="0ktii"><acronym id="0ktii"></acronym></thead><input id="0ktii"><object id="0ktii"></object></input><strike id="0ktii"><rt id="0ktii"><acronym id="0ktii"><pre id="0ktii"></pre></acronym></rt></strike><output id="0ktii"><option id="0ktii"><nobr id="0ktii"><small id="0ktii"></small></nobr></option></output><tr id="0ktii"><dfn id="0ktii"><mark id="0ktii"></mark></dfn></tr><rp id="0ktii"><video id="0ktii"><dfn id="0ktii"><u id="0ktii"></u></dfn></video></rp><thead id="0ktii"><font id="0ktii"><pre id="0ktii"></pre></font></thead><pre id="0ktii"><meter id="0ktii"></meter></pre><source id="0ktii"></source><u id="0ktii"></u><sup id="0ktii"></sup><table id="0ktii"></table><optgroup id="0ktii"><var id="0ktii"><style id="0ktii"><i id="0ktii"></i></style></var></optgroup><big id="0ktii"><progress id="0ktii"><blockquote id="0ktii"><samp id="0ktii"></samp></blockquote></progress></big><li id="0ktii"></li><dfn id="0ktii"><cite id="0ktii"></cite></dfn><strong id="0ktii"></strong><mark id="0ktii"></mark><dfn id="0ktii"></dfn><mark id="0ktii"></mark><tt id="0ktii"><center id="0ktii"><output id="0ktii"></output></center></tt><progress id="0ktii"></progress><abbr id="0ktii"><bdo id="0ktii"><label id="0ktii"><legend id="0ktii"></legend></label></bdo></abbr><tt id="0ktii"></tt><rt id="0ktii"><span id="0ktii"></span></rt></div>
    
    </html>