{"id":477495,"date":"2023-08-09T09:15:39","date_gmt":"2023-08-09T09:15:39","guid":{"rendered":""},"modified":"2023-09-05T11:14:50","modified_gmt":"2023-09-05T11:14:50","slug":"html-tag","status":"publish","type":"wiki","link":"https:\/\/oneproxy.pro\/my\/wiki\/html-tag\/","title":{"rendered":"tag HTML"},"content":{"rendered":"<p>Teg HTML (HyperText Markup Language) ialah tulang belakang mana-mana halaman web. Mereka mentakrifkan struktur dan kandungan halaman web, dan penggunaan yang betul adalah penting untuk pembangunan web yang berkesan.<\/p>\n<h2>Permulaan Tag HTML<\/h2>\n<p>HTML, bersama-sama dengan tag integralnya, wujud pada tahun 1990, dilahirkan oleh Tim Berners-Lee, seorang ahli fizik di CERN. Hasratnya adalah untuk membangunkan sistem untuk saintis di seluruh dunia berkongsi maklumat, seterusnya membawa kepada penciptaan World Wide Web dan HTML.<\/p>\n<p>Sebutan pertama teg HTML adalah dalam dokumentasi HTML. Versi pertama HTML hanya mempunyai 18 tag HTML, tetapi sejak itu, bahasa itu telah berkembang secara dramatik. Hari ini, HTML5, versi terkini, mempunyai set yang kaya dengan lebih 100 teg, membolehkan kandungan yang lebih pelbagai dan interaktif.<\/p>\n<h2>Teg HTML secara Mendalam<\/h2>\n<p>Teg HTML ialah kata kunci yang dikelilingi oleh kurungan sudut (&lt; &gt;), biasanya datang secara berpasangan. Teg pembukaan memulakan elemen, manakala teg penutup, dilambangkan dengan garis miring ke hadapan (\/), menamatkannya. Segala-galanya di antara teg berpasangan ini ialah kandungan elemen itu.<\/p>\n<p>Sebagai contoh, <code data-no-translation=\"\">&lt;p&gt;This is a paragraph.&lt;\/p&gt;<\/code> ialah elemen HTML asas. di sini, <code data-no-translation=\"\">&lt;p&gt;<\/code> ialah teg pembuka yang memulakan perenggan, dan <code data-no-translation=\"\">&lt;\/p&gt;<\/code> ialah teg penutup yang mengakhirinya.<\/p>\n<p>Teg HTML juga boleh mempunyai atribut, yang merupakan maklumat tambahan tentang elemen tersebut. Atribut biasanya datang dalam pasangan nama\/nilai seperti <code data-no-translation=\"\">name=\"value\"<\/code>. Contohnya, dalam tag <code data-no-translation=\"\">&lt;a href=\"https:\/\/www.oneproxy.pro\"&gt;OneProxy&lt;\/a&gt;<\/code>, <code data-no-translation=\"\">href<\/code> ialah atribut yang menentukan rujukan hiperpautan.<\/p>\n<h2>Struktur Dalaman Teg HTML<\/h2>\n<p>Struktur teg HTML boleh dipecahkan kepada tiga bahagian: teg pembuka, kandungan dan teg penutup.<\/p>\n<ol>\n<li><strong>Tag Pembukaan<\/strong>: Teg ini menandakan permulaan elemen HTML. Ia terdiri daripada nama tag yang disertakan dalam kurungan sudut.<\/li>\n<li><strong>Kandungan<\/strong>: Ini ialah kandungan sebenar yang dirangkumkan oleh teg. Ia boleh menjadi teks, elemen HTML yang lain, atau bahkan tiada langsung (dalam kes elemen kosong).<\/li>\n<li><strong>Tag Penutup<\/strong>: Tag ini menandakan berakhirnya elemen. Ia seperti teg pembuka tetapi menyertakan garis miring ke hadapan sebelum nama teg.<\/li>\n<\/ol>\n<h2>Ciri-ciri Utama Tag HTML<\/h2>\n<p>Tag HTML mempunyai beberapa ciri utama:<\/p>\n<ol>\n<li>\n<p><strong>Semantik Struktur<\/strong>: Tag HTML menyampaikan maksud tentang jenis kandungan yang terkandung di dalamnya. Sebagai contoh, <code data-no-translation=\"\">&lt;h1&gt;<\/code> menandakan tajuk peringkat atas, manakala <code data-no-translation=\"\">&lt;p&gt;<\/code> menandakan perenggan.<\/p>\n<\/li>\n<li>\n<p><strong>Kemasukan Atribut<\/strong>: Tag HTML boleh termasuk atribut untuk menyediakan maklumat atau fungsi tambahan.<\/p>\n<\/li>\n<li>\n<p><strong>Struktur Bersarang<\/strong>: Tag boleh bersarang antara satu sama lain untuk mencipta struktur yang kompleks. Sebagai contoh, <code data-no-translation=\"\">&lt;div&gt;&lt;p&gt;Text&lt;\/p&gt;&lt;\/div&gt;<\/code> sarang perenggan dalam bahagian.<\/p>\n<\/li>\n<\/ol>\n<h2>Jenis Tag HTML<\/h2>\n<p>Tag HTML boleh dikategorikan secara meluas kepada dua jenis:<\/p>\n<ol>\n<li>\n<p><strong>Tag Bekas<\/strong>: Teg ini memerlukan teg pembukaan dan penutup. Contohnya ialah <code data-no-translation=\"\">&lt;p&gt;<\/code>, <code data-no-translation=\"\">&lt;div&gt;<\/code>, dan <code data-no-translation=\"\">&lt;h1&gt;<\/code>.<\/p>\n<\/li>\n<li>\n<p><strong>Tag Kosong atau Kosong<\/strong>: Teg ini tidak memerlukan teg penutup. Contohnya termasuk <code data-no-translation=\"\">&lt;img&gt;<\/code>, <code data-no-translation=\"\">&lt;br&gt;<\/code>, dan <code data-no-translation=\"\">&lt;hr&gt;<\/code>.<\/p>\n<\/li>\n<\/ol>\n<p>Senarai komprehensif teg HTML boleh didapati dalam spesifikasi HTML5 rasmi, yang merangkumi kedua-dua teg bekas dan tidak sah.<\/p>\n<h2>Penggunaan Praktikal Tag HTML<\/h2>\n<p>Menggunakan tag HTML adalah mudah dalam teori tetapi boleh memberikan cabaran dalam amalan. Satu isu biasa ialah terlupa untuk menutup teg, yang boleh mengganggu reka letak halaman web. IDE Moden (Persekitaran Pembangunan Bersepadu) sering menyerlahkan masalah sedemikian, menjadikannya lebih mudah dikesan dan diperbetulkan.<\/p>\n<p>Isu lain ialah penyalahgunaan tag, seperti menggunakan a <code data-no-translation=\"\">&lt;div&gt;<\/code> untuk setiap elemen dan bukannya menggunakan tag semantik seperti <code data-no-translation=\"\">&lt;header&gt;<\/code>, <code data-no-translation=\"\">&lt;footer&gt;<\/code>, dan <code data-no-translation=\"\">&lt;article&gt;<\/code>. Penyalahgunaan sedemikian boleh membahayakan kebolehcapaian halaman dan SEO.<\/p>\n<h2>Perbandingan dengan Istilah Serupa<\/h2>\n<p>Tag HTML adalah sebahagian daripada HTML, yang merupakan bahasa penanda. Bahasa penanda lain termasuk XML dan XHTML, yang juga menggunakan bentuk teg tetapi mempunyai peraturan dan kegunaan yang berbeza. Sebagai contoh, XML digunakan untuk menyimpan dan mengangkut data, manakala HTML digunakan untuk memaparkannya.<\/p>\n<p>Istilah lain yang berkaitan ialah elemen HTML, yang termasuk teg HTML, atributnya, dan kandungan antara teg pembukaan dan penutup.<\/p>\n<h2>Masa Depan Tag HTML<\/h2>\n<p>Apabila web terus berkembang, begitu juga HTML. Teg baharu diperkenalkan dengan setiap versi HTML untuk memenuhi teknologi web dan pengalaman pengguna yang baru muncul. Sebagai contoh, HTML5 memperkenalkan tag multimedia seperti <code data-no-translation=\"\">&lt;video&gt;<\/code> dan <code data-no-translation=\"\">&lt;audio&gt;<\/code>, meningkatkan interaktiviti web.<\/p>\n<p>Terdapat tumpuan yang semakin meningkat pada kebolehaksesan dan makna semantik dalam HTML, yang membawa kepada pengenalan lebih banyak teg semantik. Perkembangan masa depan dalam HTML mungkin termasuk lebih banyak teg interaktif untuk grafik 3D, realiti maya dan banyak lagi.<\/p>\n<h2>Tag HTML dan Pelayan Proksi<\/h2>\n<p>Pelayan proksi, seperti yang disediakan oleh OneProxy, terlibat terutamanya dengan permintaan rangkaian, yang berasingan daripada teg HTML. Walau bagaimanapun, mereka secara tidak langsung berinteraksi dengan data HTML. Apabila anda meminta halaman web melalui proksi, proksi mendapatkan semula data HTML (yang termasuk teg HTML) halaman web dan menghantarnya kembali ke penyemak imbas anda.<\/p>\n<p>Selain itu, sesetengah pelayan proksi menawarkan keupayaan untuk mengubah suai data HTML sebelum menghantarnya kepada pelanggan, yang mungkin melibatkan penambahan, pengalihan atau pengubahan teg HTML.<\/p>\n<h2>Pautan Berkaitan<\/h2>\n<ol>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\" target=\"_new\" rel=\"noopener nofollow\">HTML \u2013 Dokumen Web MDN<\/a><\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/html\/\" target=\"_new\" rel=\"noopener nofollow\">Tutorial HTML \u2013 W3Schools<\/a><\/li>\n<li><a href=\"https:\/\/www.w3.org\/TR\/html5\/\" target=\"_new\" rel=\"noopener nofollow\">Spesifikasi HTML5 \u2013 W3C<\/a><\/li>\n<li><a href=\"https:\/\/www.codecademy.com\/learn\/learn-html\" target=\"_new\" rel=\"noopener nofollow\">Pengenalan kepada HTML \u2013 Codecademy<\/a><\/li>\n<li><a href=\"https:\/\/www.khanacademy.org\/computing\/computer-programming\/html-css\" target=\"_new\" rel=\"noopener nofollow\">Asas HTML \u2013 Akademi Khan<\/a><\/li>\n<\/ol>\n<p>Panduan ini memberikan pemahaman yang komprehensif tentang teg HTML. Adalah penting untuk diingat bahawa walaupun memahami teg HTML adalah penting, ia hanya sebahagian daripada pembangunan web, yang turut melibatkan CSS, JavaScript dan pelbagai teknologi bahagian belakang.<\/p>","protected":false},"featured_media":477496,"menu_order":0,"template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"class_list":["post-477495","wiki","type-wiki","status-publish","has-post-thumbnail","hentry"],"acf":{"faq_title":"Frequently Asked Questions about <mark>Understanding HTML Tags: A Comprehensive Guide<\/mark>","faq_items":[{"question":"What is an HTML tag?","answer":"<p>An HTML tag is a keyword enclosed in angle brackets (&lt; &gt;) used in HTML (HyperText Markup Language) to define the structure and content of a web page. These tags usually come in pairs: an opening tag to initiate an element and a closing tag to end it. They can also include attributes to provide additional information or functionality.<\/p>"},{"question":"Who created HTML and its tags?","answer":"<p>HTML, along with its tags, was created by Tim Berners-Lee, a physicist at CERN, in 1990. He invented HTML to develop a system for scientists to share information globally, leading to the creation of the World Wide Web.<\/p>"},{"question":"How does an HTML tag work?","answer":"<p>An HTML tag works by encapsulating content on a webpage. It consists of an opening tag, the content, and a closing tag. For example, <code>&lt;p&gt;This is a paragraph.&lt;\/p&gt;<\/code>. The opening tag <code>&lt;p&gt;<\/code> begins a paragraph, and the closing tag <code>&lt;\/p&gt;<\/code> ends it. Anything between these tags is considered part of the paragraph.<\/p>"},{"question":"What are the key features of HTML tags?","answer":"<p>Key features of HTML tags include structural semantics, where tags convey meaning about the type of content they encapsulate, the inclusion of attributes to provide additional information or functionality, and a nested structure, allowing tags to be nested within each other to create complex structures.<\/p>"},{"question":"What are the different types of HTML tags?","answer":"<p>HTML tags can be categorized into two main types: Container tags and Empty or Void tags. Container tags require both opening and closing tags, like <code>&lt;p&gt;<\/code> for a paragraph. Empty or Void tags do not require closing tags, such as <code>&lt;img&gt;<\/code> for an image.<\/p>"},{"question":"What are common problems when using HTML tags and how to solve them?","answer":"<p>Common problems when using HTML tags include forgetting to close a tag and misusing tags. Forgetting to close a tag can disrupt the webpage's layout. Using modern Integrated Development Environments (IDEs) can help spot these issues. Misuse of tags, like using a <code>&lt;div&gt;<\/code> for every element instead of using semantic tags like <code>&lt;header&gt;<\/code>, <code>&lt;footer&gt;<\/code>, and <code>&lt;article&gt;<\/code>, can harm the page's accessibility and SEO. Understanding and properly using HTML semantics can solve this problem.<\/p>"},{"question":"How are HTML tags related to proxy servers?","answer":"<p>Proxy servers, such as those provided by OneProxy, interact indirectly with HTML data. When a webpage is requested via a proxy, the proxy retrieves the HTML data (including HTML tags) of the webpage and sends it to your browser. Some proxy servers even offer the ability to modify HTML data before sending it to the client, which could involve altering HTML tags.<\/p>"},{"question":"What is the future of HTML tags?","answer":"<p>The future of HTML tags lies in the evolution of the web. New tags will be introduced with each version of HTML to cater to emerging web technologies and user experiences. Expect to see more interactive tags for features like 3D graphics, virtual reality, and enhanced accessibility.<\/p>"}]},"_links":{"self":[{"href":"https:\/\/oneproxy.pro\/my\/wp-json\/wp\/v2\/wiki\/477495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneproxy.pro\/my\/wp-json\/wp\/v2\/wiki"}],"about":[{"href":"https:\/\/oneproxy.pro\/my\/wp-json\/wp\/v2\/types\/wiki"}],"version-history":[{"count":0,"href":"https:\/\/oneproxy.pro\/my\/wp-json\/wp\/v2\/wiki\/477495\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oneproxy.pro\/my\/wp-json\/wp\/v2\/media\/477496"}],"wp:attachment":[{"href":"https:\/\/oneproxy.pro\/my\/wp-json\/wp\/v2\/media?parent=477495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}