Kod:<\/b><\/p>\n\n\n\nNavigation Element<\/title>\n<style>\nh1 {\ncolor:#Grey;\n}\n<\/style>\n<\/head>\n<body>
<h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<h1>Navigation Bar for EduCBA<\/h1>\n<nav>\n<a href=\"https:\/\/www.educba.com\/\">Home<\/a> |\n<a href=\"https:\/\/www.educba.com\/data-science\/\">Data Science<\/a> |\n<a href=\"https:\/\/www.educba.com\/software-development\/\">Software Development<\/a> |\n<a href=\"https:\/\/www.educba.com\/design\/\">Design<\/a> |\n<a href=\"https:\/\/www.educba.com\/finance\/\">Finance<\/a>\n<\/nav>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543902790929.jpg\" alt=\"Semantik HTML5\" ><\/p>\n<h4>Contoh #3 – <bahagian><\/h4>\n<p>Halaman boleh dipecahkan kepada bahagian seperti Pengenalan, Hubungan, Butiran, dll., dengan elemen untuk setiap bahagian.<\/p>\n<p><b>Kod:<\/b><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>Have a look for Section Element in EduCBA<\/title>\n<style>\nh1 {\ncolor:#Grey;\n}\np {\nfont-size:20px;\ntext-align:left;\nmargin-top:2px;\n}\n<\/style>\n<\/head>\n<body>\n<section>\n<h1>AWS Tutorials for EduCBA<\/h1>\n<p>Amazon Web Services (AWS) is one of the world's most popular and used cloud services. 175 supported services are available in AWS. <\/p>\n<\/section>\n<section>\n<h1>Data Mining<\/h1>\n<p>AThrough technological development such as big data and data science companies around the world have benefited from data mining by recognize opportunities and making their organizations efficient through waste reduction, to achieve their business goals.\n<\/p>\n<\/section>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543902954012.jpg\" alt=\"Semantik HTML5\" ><\/p>\n\n\n<h4>\n<strong>Contoh #4 –?<\/strong><tanda><\/h4>\n<p>Elemen tanda ini digunakan untuk menyerlahkan teks.<\/p>\n<p><strong>Kod:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>EduCBA mark Element<\/title>\n<style>\nh2 {\ncolor:#Grey;\n}\n<\/style>\n<\/head>\n<body>\n<h1>How to mark text <\/h1>\n<p> In theory, this method transforms <mark>raw data into valuable information<\/mark> or insights.<\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543903196153.jpg\" alt=\"Semantik HTML5\" ><\/p>\n<h4>Contoh #5 – <div><\/h4>\n<p>Ia adalah aspek blok atau bahagian segmen. Ia digunakan sebagai pakej.<\/p>\n<p><strong>Kod:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>div Element<\/title>\n<style>\n.edu {\ncolor:#grey;\n}\n<\/style>\n<\/head>\n<body>\n<h1>div Element for educba <\/h1>\n<div id="377j5v51b" class=\"EduCBA\">\n<h1>Data Science<\/h1>\n<p>Data analatics computer Science nachine learning <\/p>\n<\/div>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543903393715.jpg\" alt=\"Semantik HTML5\" ><\/p>\n<h4>Contoh #6 – <strong><butiran> dan<\/strong><ringkasan><\/h4>\n<ul>\n<li>Elemen ini digunakan untuk menentukan butiran tambahan yang boleh dilihat atau disembunyikan oleh pengguna.<\/li>\n<li>Elemen ini digunakan untuk menentukan tajuk yang boleh dilihat untuk <butiran> unsur<\/li>\n<\/ul>\n<p>Program untuk melaksanakan <butiran> dan <ringkasan><\/p>\n\n\n<p><strong>Kod:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>Details for the EduCBA Summery<\/title>\n<style>\n.GFG {\nColor:#red;\nfont-size:60px;\nText-align:left;\nmargin-bottom:0px;\n}\np {\nfont-size:25px;\ntext-align:left;\nmargin-top:3px;\n}\n<\/style>\n<\/head>\n<body>\n<details>\n<summary class=\"EDUCBA\">Make your Study easily with us<\/summary>\n<p>One of the best Data Science and web portal\nwhere you can learn good skills of programming.\n<\/p>\n<\/details>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543903420443.jpg\" alt=\"Semantik HTML5\" ><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543903681823.jpg\" alt=\"Semantik HTML5\" ><\/p>\n<ol start=\"7\">\n<li>\n<strong><ketepikan>: <\/strong>Elemen ini digunakan untuk menentukan kandungan selain daripada kandungan halaman.<\/li>\n<li>\n<strong><masa>: <\/strong>Elemen ini digunakan untuk menentukan masa atau tarikh.<\/li>\n<li>\n<strong><utama>: <\/strong>Elemen ini digunakan untuk menentukan kandungan utama dokumen.<\/li>\n<\/ol>\n<h3>Bagaimana untuk Melaksanakan semua Kod elemen dalam satu Contoh?<\/h3>\n<p>Di sini kita lihat cara melaksanakan kod elemen dalam satu contoh.<\/p>\n<p><strong>Kod:<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title>Header Element for the page<\/title>\n<style>\ncolor:red;\nh1, h4 {\nColor:#red;\nText-align:centre;\nmargin-bottom:2px;\n}\np {\nfont-size:20px;\ntext-align:centre;\nmargin-top:2px;\n}\n<\/style>\n<\/head>\n<body style=\"background-color:LightCyan;\">\n<article>\n<header>\n<h1>Educba learning bridge<\/h1>\n<nav>\n<a href=\"https:\/\/www.educba.com\/\">Home<\/a> |\n<a href=\"https:\/\/www.educba.com\/data-science\/\">Data Science<\/a> |\n<a href=\"https:\/\/www.educba.com\/software-development\/\">Software Development<\/a> |\n<a href=\"https:\/\/www.educba.com\/design\/\">Design<\/a> |\n<a href=\"https:\/\/www.educba.com\/finance\/\">Finance<\/a>\n<\/nav>\n<details>\n<h3>Become a technicall learner with EDUCBA<\/h3>\n<section>\n<h1><mark>AWS Tutorials for EduCBA<\/mark><\/h1>\n<p>Amazon Web Services (AWS) is one of the world's most popular and used cloud services. 175 supported services are available in AWS. <\/p>\n<\/section>\n<section>\n<h1><mark>Data Mining<\/mark><\/h1>\n<p>Through technological development such as big data and data science companies around the world have benefited from data mining by recognize opportunities and making their organizations efficient through waste reduction, to achieve their business goals.\n<\/p>\n<\/section>\n<p><em>EduCBA is the best online training institute in ASIA<\/em><\/p>\n<\/details><\/header>\n<\/article>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543903797868.jpg\" alt=\"Semantik HTML5\" ><\/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://www.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://www.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
<a href="http://www.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
<a href="http://www.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://www.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
<a href="http://www.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://www.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
<a href="http://www.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
<a href="http://www.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
<a href="http://www.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
<a href="http://www.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
<a href="http://www.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://www.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://www.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
<a href="http://www.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="日本語(yǔ)" class="languagechoosea">日本語(yǔ)</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="#Contoh-Semantik-HTML" title="Contoh?Semantik HTML5" >Contoh?Semantik HTML5</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Contoh-lt-nav-gt" title="Contoh #2 – <nav>" >Contoh #2 – <nav></a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Contoh-lt-bahagian-gt" title="Contoh #3 – <bahagian>" >Contoh #3 – <bahagian></a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Contoh-lt-div-gt" title="Contoh #5 – <div>" >Contoh #5 – <div></a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Contoh-strong-lt-butiran-gt-dan-strong-lt-ringkasan-gt" title="Contoh #6 – <strong><butiran> dan</strong><ringkasan>" >Contoh #6 – <strong><butiran> dan</strong><ringkasan></a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Bagaimana-untuk-Melaksanakan-semua-Kod-elemen-dalam-satu-Contoh" title="Bagaimana untuk Melaksanakan semua Kod elemen dalam satu Contoh?" >Bagaimana untuk Melaksanakan semua Kod elemen dalam satu Contoh?</a>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main1M">
<div id="377j5v51b" class="phpgenera_Details_mainL1">
<a href="http://www.miracleart.cn/ms/" title="Rumah"
class="phpgenera_Details_mainL1a">Rumah</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://www.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://www.miracleart.cn/ms/div-tutorial.html"
class="phpgenera_Details_mainL1a">html tutorial</a>
<img src="/static/imghw/top_right.png" alt="" />
<span>Semantik HTML5</span>
</div>
<div id="377j5v51b" class="Articlelist_txts">
<div id="377j5v51b" class="Articlelist_txts_info">
<h1 class="Articlelist_txts_title">Semantik HTML5</h1>
<div id="377j5v51b" class="Articlelist_txts_info_head">
<div id="377j5v51b" class="author_info">
<a href="http://www.miracleart.cn/ms/member/164.html" class="author_avatar">
<img class="lazy" data-src="https://img.php.cn/upload/avatar/000/000/164/59190898474f6485.png" src="/static/imghw/default1.png" alt="PHPz">
</a>
<div id="377j5v51b" class="author_detail">
<a href="http://www.miracleart.cn/ms/member/164.html" class="author_name">PHPz</a>
</div>
</div>
</div>
<span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:37 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>Elemen Semantik HTML5 mempunyai nama penting yang mencerminkan jenis komponen. Mari ambil contoh jadual, pengepala, pengaki dsb.</p>
<ul>
<li><ringkasan></li>
<li><utama></li>
<li><pengepala></li>
<li><ketepikan></li>
<li><butiran></li>
<li><tanda></li>
<li><nav></li>
<li><bahagian></li>
<li><masa></li>
<li><div></li>
</ul>
<p>Untuk HTML4, pembangun menggunakan nama id/kelas mereka sendiri untuk mereka bentuk elemen seperti bahagian atas, pengepala, bahagian bawah, menu, pengaki, utama, navigasi, bahan, objek, topnav, bar sisi, dsb., dan sebagainya. Walau bagaimanapun, disebabkan ini, enjin carian tidak dapat mengenal pasti kandungan halaman web yang betul.</p>
<h3 id="Contoh-Semantik-HTML">Contoh?Semantik HTML5</h3>
<p>Sekarang mari lihat beberapa contoh elemen Semantik HTML5:</p>
<h4>Contoh #1 – <strong><header></strong>
</h4>
<p>Ia merujuk kepada pengepala segmen pengenalan halaman, seperti namanya. Banyak pengepala boleh ditemui pada satu halaman.</p>
<p><strong>Kod:</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Header Element for the page</title>
<style>
h1, h4 {
Color:#red;
Text-align:centre;
margin-bottom:2px;
}
p {
font-size:23px;
text-align:centre;
margin-top:2px;
}
</style>
</head>
<body>
<article>
<header>
<h1>Educba learning bridge</h1>
<h3>Become a techinal learner with EDUCBA</h3>
<p>Hey the best online training institute in ASIA </p>
</header>
</article>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543902661485.jpg" class="lazy" alt="Semantik HTML5" ></p>
<h4 id="Contoh-lt-nav-gt">Contoh #2 – <nav></h4>
<p>Koleksi pautan navigasi digunakan untuk menerangkan menu navigasi atau bar navigasi.</p>
<p><b>Kod:</b></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Navigation Element</title>
<style>
h1 {
color:#Grey;
}
</style>
</head>
<body>
<h1>Navigation Bar for EduCBA</h1>
<nav>
<a href="https://www.educba.com/">Home</a> |
<a href="https://www.educba.com/data-science/">Data Science</a> |
<a href="https://www.educba.com/software-development/">Software Development</a> |
<a href="https://www.educba.com/design/">Design</a> |
<a href="https://www.educba.com/finance/">Finance</a>
</nav>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543902790929.jpg" class="lazy" alt="Semantik HTML5" ></p>
<h4 id="Contoh-lt-bahagian-gt">Contoh #3 – <bahagian></h4>
<p>Halaman boleh dipecahkan kepada bahagian seperti Pengenalan, Hubungan, Butiran, dll., dengan elemen untuk setiap bahagian.</p>
<p><b>Kod:</b></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Have a look for Section Element in EduCBA</title>
<style>
h1 {
color:#Grey;
}
p {
font-size:20px;
text-align:left;
margin-top:2px;
}
</style>
</head>
<body>
<section>
<h1>AWS Tutorials for EduCBA</h1>
<p>Amazon Web Services (AWS) is one of the world's most popular and used cloud services. 175 supported services are available in AWS. </p>
</section>
<section>
<h1>Data Mining</h1>
<p>AThrough technological development such as big data and data science companies around the world have benefited from data mining by recognize opportunities and making their organizations efficient through waste reduction, to achieve their business goals.
</p>
</section>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543902954012.jpg" class="lazy" alt="Semantik HTML5" ></p>
<h4>
<strong>Contoh #4 –?</strong><tanda></h4>
<p>Elemen tanda ini digunakan untuk menyerlahkan teks.</p>
<p><strong>Kod:</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>EduCBA mark Element</title>
<style>
h2 {
color:#Grey;
}
</style>
</head>
<body>
<h1>How to mark text </h1>
<p> In theory, this method transforms <mark>raw data into valuable information</mark> or insights.</p>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543903196153.jpg" class="lazy" alt="Semantik HTML5" ></p>
<h4 id="Contoh-lt-div-gt">Contoh #5 – <div></h4>
<p>Ia adalah aspek blok atau bahagian segmen. Ia digunakan sebagai pakej.</p>
<p><strong>Kod:</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>div Element</title>
<style>
.edu {
color:#grey;
}
</style>
</head>
<body>
<h1>div Element for educba </h1>
<div class="EduCBA">
<h1>Data Science</h1>
<p>Data analatics computer Science nachine learning </p>
</div>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543903393715.jpg" class="lazy" alt="Semantik HTML5" ></p>
<h4 id="Contoh-strong-lt-butiran-gt-dan-strong-lt-ringkasan-gt">Contoh #6 – <strong><butiran> dan</strong><ringkasan></h4>
<ul>
<li>Elemen ini digunakan untuk menentukan butiran tambahan yang boleh dilihat atau disembunyikan oleh pengguna.</li>
<li>Elemen ini digunakan untuk menentukan tajuk yang boleh dilihat untuk <butiran> unsur</li>
</ul>
<p>Program untuk melaksanakan <butiran> dan <ringkasan></p>
<p><strong>Kod:</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Details for the EduCBA Summery</title>
<style>
.GFG {
Color:#red;
font-size:60px;
Text-align:left;
margin-bottom:0px;
}
p {
font-size:25px;
text-align:left;
margin-top:3px;
}
</style>
</head>
<body>
<details>
<summary class="EDUCBA">Make your Study easily with us</summary>
<p>One of the best Data Science and web portal
where you can learn good skills of programming.
</p>
</details>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543903420443.jpg" class="lazy" alt="Semantik HTML5" ></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543903681823.jpg" class="lazy" alt="Semantik HTML5" ></p>
<ol start="7">
<li>
<strong><ketepikan>: </strong>Elemen ini digunakan untuk menentukan kandungan selain daripada kandungan halaman.</li>
<li>
<strong><masa>: </strong>Elemen ini digunakan untuk menentukan masa atau tarikh.</li>
<li>
<strong><utama>: </strong>Elemen ini digunakan untuk menentukan kandungan utama dokumen.</li>
</ol>
<h3 id="Bagaimana-untuk-Melaksanakan-semua-Kod-elemen-dalam-satu-Contoh">Bagaimana untuk Melaksanakan semua Kod elemen dalam satu Contoh?</h3>
<p>Di sini kita lihat cara melaksanakan kod elemen dalam satu contoh.</p>
<p><strong>Kod:</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Header Element for the page</title>
<style>
color:red;
h1, h4 {
Color:#red;
Text-align:centre;
margin-bottom:2px;
}
p {
font-size:20px;
text-align:centre;
margin-top:2px;
}
</style>
</head>
<body style="background-color:LightCyan;">
<article>
<header>
<h1>Educba learning bridge</h1>
<nav>
<a href="https://www.educba.com/">Home</a> |
<a href="https://www.educba.com/data-science/">Data Science</a> |
<a href="https://www.educba.com/software-development/">Software Development</a> |
<a href="https://www.educba.com/design/">Design</a> |
<a href="https://www.educba.com/finance/">Finance</a>
</nav>
<details>
<h3>Become a technicall learner with EDUCBA</h3>
<section>
<h1><mark>AWS Tutorials for EduCBA</mark></h1>
<p>Amazon Web Services (AWS) is one of the world's most popular and used cloud services. 175 supported services are available in AWS. </p>
</section>
<section>
<h1><mark>Data Mining</mark></h1>
<p>Through technological development such as big data and data science companies around the world have benefited from data mining by recognize opportunities and making their organizations efficient through waste reduction, to achieve their business goals.
</p>
</section>
<p><em>EduCBA is the best online training institute in ASIA</em></p>
</details></header>
</article>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543903797868.jpg" class="lazy" alt="Semantik HTML5" ></p><p>Atas ialah kandungan terperinci Semantik HTML5. 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://www.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>4 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.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>3 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.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>4 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.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://www.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>4 minggu yang lalu</span>
<span>By 下次還敢</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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>4 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.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>3 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.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>4 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://www.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://www.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>4 minggu yang lalu</span>
<span>By 下次還敢</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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://www.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>1597</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://www.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>1488</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>72</span>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://www.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://www.miracleart.cn/ms/faq/1796848580.html" title="Tag html penting untuk pemula" 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/175355915289670.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Tag html penting untuk pemula" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796848580.html" title="Tag html penting untuk pemula" class="phphistorical_Version2_mids_title">Tag html penting untuk pemula</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 27, 2025 am 03:45 AM</span>
<p class="Articlelist_txts_p">Untuk memulakan dengan HTML dengan cepat, anda hanya perlu menguasai beberapa tag asas untuk membina rangka web. 1. Struktur halaman adalah penting, dan, yang merupakan elemen akar, mengandungi maklumat meta, dan merupakan kawasan paparan kandungan. 2. Gunakan tajuk. Semakin tinggi tahap, semakin kecil nombor. Gunakan tag untuk segmen teks untuk mengelakkan melangkau tahap. 3. Pautan menggunakan tag dan sepadan dengan atribut HREF, dan imej menggunakan tag dan mengandungi atribut SRC dan ALT. 4. Senarai ini dibahagikan kepada senarai yang tidak teratur dan senarai yang diperintahkan. Setiap entri diwakili dan mesti bersarang dalam senarai. 5. Pemula tidak perlu memaksa menghafal semua tag. Lebih cekap untuk menulis dan memeriksa mereka semasa anda menulis. Menguasai struktur, teks, pautan, gambar dan senarai untuk membuat laman web asas.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796845224.html" title="Konsep Shadow Dom dan Integrasi 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/253/068/175329234213420.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Konsep Shadow Dom dan Integrasi HTML" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796845224.html" title="Konsep Shadow Dom dan Integrasi HTML" class="phphistorical_Version2_mids_title">Konsep Shadow Dom dan Integrasi HTML</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 24, 2025 am 01:39 AM</span>
<p class="Articlelist_txts_p">Shadowdom adalah teknologi yang digunakan dalam teknologi komponen web untuk membuat subtrees DOM terpencil. 1. Ia membolehkan gunung struktur DOM bebas pada elemen HTML biasa, dengan gaya dan tingkah laku sendiri, dan tidak menjejaskan dokumen utama; 2. Dibuat melalui JavaScript, seperti menggunakan kaedah lampiran dan menetapkan mod untuk dibuka; 3. Apabila digunakan dalam kombinasi dengan HTML, ia mempunyai tiga ciri utama: struktur yang jelas, pengasingan gaya dan unjuran kandungan (slot); 4. Nota termasuk debugging kompleks, kawalan skop gaya, overhead prestasi dan masalah keserasian rangka kerja. Singkatnya, Shadowdom menyediakan keupayaan enkapsulasi asli untuk membina komponen UI yang boleh diguna semula dan tidak mencemarkan.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796847511.html" title="HTML `Style` Tag: inline vs. CSS dalaman" 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/175348579170092.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML `Style` Tag: inline vs. CSS dalaman" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796847511.html" title="HTML `Style` Tag: inline vs. CSS dalaman" class="phphistorical_Version2_mids_title">HTML `Style` Tag: inline vs. CSS dalaman</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 26, 2025 am 07:23 AM</span>
<p class="Articlelist_txts_p">Kaedah penempatan gaya perlu dipilih mengikut tempat kejadian. 1. Dalam talian sesuai untuk pengubahsuaian sementara unsur tunggal atau kawalan JS dinamik, seperti perubahan warna butang dengan operasi; 2. CSS dalaman sesuai untuk projek dengan beberapa halaman dan struktur mudah, yang mudah untuk pengurusan gaya berpusat, seperti tetapan gaya asas halaman log masuk; 3. Keutamaan diberikan untuk menggunakan semula, penyelenggaraan dan prestasi, dan lebih baik untuk memecah fail CSS pautan luaran untuk projek besar.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.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://www.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://www.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://www.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://www.miracleart.cn/ms/faq/1796844373.html" title="Html `link` untuk prefetching DNS" 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/175320835386703.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Html `link` untuk prefetching DNS" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796844373.html" title="Html `link` untuk prefetching DNS" class="phphistorical_Version2_mids_title">Html `link` untuk prefetching DNS</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 23, 2025 am 02:19 AM</span>
<p class="Articlelist_txts_p">DNS pra-penyelesaian boleh mempercepatkan kelajuan pemuatan halaman, dan menggunakan tag pautan HTML untuk pra-penyelesaian DNS adalah kaedah yang berkesan; DNSprefetching menjimatkan masa permintaan berikutnya dengan menyelesaikan nama domain terlebih dahulu; Senario yang berkenaan termasuk fon pihak ketiga, skrip statistik pengiklanan, hosting sumber dan nama domain CDN; Adalah disyorkan untuk mengutamakan sumber ketergantungan halaman utama, secara munasabah mengawal nombor antara 3 dan 5, dan menggunakannya dengan pra -sambungan untuk memberi kesan yang lebih baik.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796847513.html" title="Bagaimana cara menulis templat halaman html5 asas?" 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/175348583272918.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana cara menulis templat halaman html5 asas?" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796847513.html" title="Bagaimana cara menulis templat halaman html5 asas?" class="phphistorical_Version2_mids_title">Bagaimana cara menulis templat halaman html5 asas?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 26, 2025 am 07:23 AM</span>
<p class="Articlelist_txts_p">Mengisytiharkan dokumen sebagai HTML5 untuk mengelakkan penyemak imbas daripada memasuki mod pelik; 2. Tentukan elemen akar dan tentukan bahasa untuk meningkatkan kebolehcapaian dan SEO; 3. Ia termasuk memastikan pengekodan watak yang betul, melaksanakan reka bentuk responsif, dan menetapkan tajuk halaman; 4. Letakkan semua kandungan yang boleh dilihat, secara pilihan menambah pautan CSS, Favicon dan JavaScript; Templat ini lengkap dan serasi dengan pelayar moden, dan sesuai untuk sebarang fail HTML baru.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://www.miracleart.cn/ms/faq/1796848661.html" title="Apakah atribut nama dalam tag input?" 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/175356085114523.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah atribut nama dalam tag input?" />
</a>
<a href="http://www.miracleart.cn/ms/faq/1796848661.html" title="Apakah atribut nama dalam tag input?" class="phphistorical_Version2_mids_title">Apakah atribut nama dalam tag input?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 27, 2025 am 04:14 AM</span>
<p class="Articlelist_txts_p">Thenameattributeinaninputtagisusedtoidentifytheinputwhentheformissubmitted;itservesasthekeyinthekey-valuepairsenttotheserver,wheretheuser'sinputisthevalue.1.Whenaformissubmitted,thenameattributebecomesthekeyandtheinputvaluebecomesthevalueinthedatasen</p>
</div>
</div>
<a href="http://www.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://www.miracleart.cn/ms/about/us.html">Tentang kita</a>
<a href="http://www.miracleart.cn/ms/about/disclaimer.html">Penafian</a>
<a href="http://www.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://www.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="z99rd" class="pl_css_ganrao" style="display: none;"><input id="z99rd"><em id="z99rd"><p id="z99rd"><mark id="z99rd"></mark></p></em></input><b id="z99rd"></b><form id="z99rd"></form><menuitem id="z99rd"><strong id="z99rd"></strong></menuitem><bdo id="z99rd"></bdo><legend id="z99rd"></legend><label id="z99rd"></label><sup id="z99rd"></sup><sup id="z99rd"><strong id="z99rd"><address id="z99rd"><input id="z99rd"></input></address></strong></sup><strong id="z99rd"><div id="z99rd"></div></strong><sup id="z99rd"></sup><thead id="z99rd"><track id="z99rd"><tfoot id="z99rd"><nobr id="z99rd"></nobr></tfoot></track></thead><strong id="z99rd"></strong><form id="z99rd"><progress id="z99rd"><small id="z99rd"><tfoot id="z99rd"></tfoot></small></progress></form><dfn id="z99rd"><thead id="z99rd"><output id="z99rd"><fieldset id="z99rd"></fieldset></output></thead></dfn><track id="z99rd"></track><strong id="z99rd"></strong><progress id="z99rd"><small id="z99rd"><ins id="z99rd"></ins></small></progress><optgroup id="z99rd"></optgroup><ol id="z99rd"></ol><strike id="z99rd"></strike><font id="z99rd"><style id="z99rd"></style></font><i id="z99rd"></i><progress id="z99rd"><small id="z99rd"></small></progress><ul id="z99rd"><code id="z99rd"></code></ul><strike id="z99rd"><video id="z99rd"><strike id="z99rd"><button id="z99rd"></button></strike></video></strike><ul id="z99rd"></ul><tr id="z99rd"><nobr id="z99rd"><acronym id="z99rd"><u id="z99rd"></u></acronym></nobr></tr><strike id="z99rd"><video id="z99rd"></video></strike><dfn id="z99rd"><td id="z99rd"><kbd id="z99rd"></kbd></td></dfn><dl id="z99rd"><dfn id="z99rd"><td id="z99rd"><form id="z99rd"></form></td></dfn></dl><delect id="z99rd"><style id="z99rd"><progress id="z99rd"></progress></style></delect><ul id="z99rd"><strike id="z99rd"></strike></ul><u id="z99rd"></u><listing id="z99rd"></listing><legend id="z99rd"></legend><dfn id="z99rd"></dfn><address id="z99rd"><table id="z99rd"></table></address><menu id="z99rd"></menu><dl id="z99rd"><ruby id="z99rd"></ruby></dl><p id="z99rd"><mark id="z99rd"></mark></p><code id="z99rd"></code><font id="z99rd"><menu id="z99rd"><dd id="z99rd"></dd></menu></font><strong id="z99rd"><address id="z99rd"></address></strong><source id="z99rd"></source><acronym id="z99rd"></acronym><rt id="z99rd"></rt><video id="z99rd"></video><legend id="z99rd"></legend><pre id="z99rd"></pre><ol id="z99rd"></ol><sup id="z99rd"><table id="z99rd"><address id="z99rd"></address></table></sup><p id="z99rd"></p><abbr id="z99rd"><thead id="z99rd"><track id="z99rd"><ol id="z99rd"></ol></track></thead></abbr><big id="z99rd"><tbody id="z99rd"><big id="z99rd"><listing id="z99rd"></listing></big></tbody></big><ol id="z99rd"><pre id="z99rd"><ol id="z99rd"><small id="z99rd"></small></ol></pre></ol><track id="z99rd"><sup id="z99rd"><table id="z99rd"><address id="z99rd"></address></table></sup></track><pre id="z99rd"><b id="z99rd"><s id="z99rd"></s></b></pre><small id="z99rd"></small><em id="z99rd"><p id="z99rd"><kbd id="z99rd"><p id="z99rd"></p></kbd></p></em><li id="z99rd"></li><optgroup id="z99rd"><legend id="z99rd"><li id="z99rd"></li></legend></optgroup><output id="z99rd"></output><fieldset id="z99rd"></fieldset><legend id="z99rd"></legend><acronym id="z99rd"></acronym><thead id="z99rd"><optgroup id="z99rd"><xmp id="z99rd"></xmp></optgroup></thead><center id="z99rd"><label id="z99rd"><tt id="z99rd"><rt id="z99rd"></rt></tt></label></center><ol id="z99rd"></ol><button id="z99rd"><dl id="z99rd"></dl></button><strike id="z99rd"><video id="z99rd"><strike id="z99rd"><th id="z99rd"></th></strike></video></strike><thead id="z99rd"></thead><source id="z99rd"></source><xmp id="z99rd"></xmp><p id="z99rd"><mark id="z99rd"></mark></p><menu id="z99rd"><font id="z99rd"><strong id="z99rd"><progress id="z99rd"></progress></strong></font></menu><object id="z99rd"></object><object id="z99rd"><tt id="z99rd"><legend id="z99rd"><ul id="z99rd"></ul></legend></tt></object><s id="z99rd"><samp id="z99rd"></samp></s><nobr id="z99rd"><address id="z99rd"></address></nobr><menuitem id="z99rd"></menuitem><small id="z99rd"><tfoot id="z99rd"><track id="z99rd"></track></tfoot></small><label id="z99rd"><tt id="z99rd"><rt id="z99rd"><delect id="z99rd"></delect></rt></tt></label><td id="z99rd"><kbd id="z99rd"></kbd></td><video id="z99rd"><pre id="z99rd"><b id="z99rd"><s id="z99rd"></s></b></pre></video><ol id="z99rd"><font id="z99rd"></font></ol><sup id="z99rd"></sup><address id="z99rd"></address><p id="z99rd"></p><blockquote id="z99rd"><style id="z99rd"><ins id="z99rd"><cite id="z99rd"></cite></ins></style></blockquote><wbr id="z99rd"><u id="z99rd"></u></wbr><dfn id="z99rd"><var id="z99rd"><font id="z99rd"><strong id="z99rd"></strong></font></var></dfn><menuitem id="z99rd"></menuitem><td id="z99rd"><kbd id="z99rd"></kbd></td><video id="z99rd"></video><strike id="z99rd"><th id="z99rd"></th></strike><input id="z99rd"><em id="z99rd"></em></input><ul id="z99rd"><legend id="z99rd"><ruby id="z99rd"><dl id="z99rd"></dl></ruby></legend></ul><button id="z99rd"></button><rp id="z99rd"></rp><del id="z99rd"><bdo id="z99rd"><meter id="z99rd"></meter></bdo></del><form id="z99rd"></form><td id="z99rd"></td><big id="z99rd"><listing id="z99rd"><dfn id="z99rd"><var id="z99rd"></var></dfn></listing></big><ol id="z99rd"></ol><sub id="z99rd"></sub><li id="z99rd"><dl id="z99rd"></dl></li><noframes id="z99rd"></noframes><em id="z99rd"><pre id="z99rd"><b id="z99rd"><pre id="z99rd"></pre></b></pre></em><track id="z99rd"></track><acronym id="z99rd"><noframes id="z99rd"></noframes></acronym><button id="z99rd"><dl id="z99rd"><dfn id="z99rd"></dfn></dl></button><var id="z99rd"></var><dfn id="z99rd"><listing id="z99rd"></listing></dfn><acronym id="z99rd"><u id="z99rd"><center id="z99rd"><tr id="z99rd"></tr></center></u></acronym><progress id="z99rd"><small id="z99rd"><progress id="z99rd"></progress></small></progress><label id="z99rd"><big id="z99rd"></big></label><ins id="z99rd"><cite id="z99rd"><ruby id="z99rd"><dl id="z99rd"></dl></ruby></cite></ins><rp id="z99rd"><acronym id="z99rd"><noframes id="z99rd"><rt id="z99rd"></rt></noframes></acronym></rp><menu id="z99rd"><font id="z99rd"></font></menu><u id="z99rd"></u><object id="z99rd"><tt id="z99rd"><style id="z99rd"><ins id="z99rd"></ins></style></tt></object><strong id="z99rd"><wbr id="z99rd"><ul id="z99rd"><big id="z99rd"></big></ul></wbr></strong><strong id="z99rd"><em id="z99rd"></em></strong><table id="z99rd"><address id="z99rd"></address></table><span id="z99rd"></span><u id="z99rd"></u><label id="z99rd"></label><dl id="z99rd"></dl><blockquote id="z99rd"></blockquote><big id="z99rd"></big><var id="z99rd"><center id="z99rd"></center></var><th id="z99rd"></th><u id="z99rd"></u><em id="z99rd"></em><input id="z99rd"><xmp id="z99rd"><label id="z99rd"></label></xmp></input><source id="z99rd"><dfn id="z99rd"><p id="z99rd"><rp id="z99rd"></rp></p></dfn></source><nobr id="z99rd"></nobr><nobr id="z99rd"></nobr><table id="z99rd"><wbr id="z99rd"></wbr></table><optgroup id="z99rd"><sub id="z99rd"><style id="z99rd"></style></sub></optgroup><strike id="z99rd"><button id="z99rd"><input id="z99rd"></input></button></strike><option id="z99rd"></option><span id="z99rd"></span><var id="z99rd"><font id="z99rd"></font></var><small id="z99rd"></small><tbody id="z99rd"></tbody><span id="z99rd"></span><del id="z99rd"><i id="z99rd"><output id="z99rd"><fieldset id="z99rd"></fieldset></output></i></del></div>
</html>
![\"Semantik](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543902661485.jpg\")
<\/p>\n