HTML 中的元標記用於定義有關網頁或 HTML 文件的資料。借助元標記,可以定義文件的描述、上次更新時的作者資訊;它用於給出 HTML 文件的詳細屬性。元標記在 中定義。 HTML 標籤,包含在
中部分。對於網頁設計者來說,顯示網頁的實際顯示部分是最有用的。整個視窗控制將由他們使用 HTML 5 中的元標記來完成。大多數瀏覽器都會引用元標記來實現許多有用的功能,例如刷新頁面、顯示網頁內容以及它們使用的 Web 服務。文法
head 部分使用的元標記如下:
<meta charset="utf-8">
在上面的語法中,它指出 charset=”utf-8” 為顯示任何類型的語言提供了最佳支援。
這是另一個具有某些值的元標記的語法是:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
它用於處理視窗的大小及其所有頁面尺寸值和頁面滾動,以完美地適應我們的網頁在任何類型的設備上。
HTML 中的元標記清單
HTML 中使用了不同類型的 Meta 標籤;我們來一一看看:
1。 這是一個非常基本的元標記,用於定義任何類型的語言。
2。 用來定義最多 150 個字的內容說明。
3。 用來保留所定義公司的所有版權。
4。 用來定義特定網頁的摘要。
5。 它用來定義 HTML 文件的作者。
6。 用於定義標籤屬性中定義的特定公司的URL位址。
7。 它用於處理我們文件中的評級。
8。 如果我們想為 HTML 文件定義副標題,那麼可以使用此標籤。
9。 它用於在指定的時間刷新我們的網頁垃圾郵件。
10。 它是用來依照定義的實體值來分類我們的文件。
11。 這個標籤用來指定Meta標籤中的一些關鍵字,這樣就可以在我們的文件中輕鬆搜尋這些內容。
12。 此標籤用於定義我們文件的摘要。
HTML 中元標記的工作
HTML中的Meta標籤主要用於在我們的網頁文件中包含機器可讀的信息,這些信息在網頁上實際上是不可見的。這個標籤在 HTML 中的另一個最重要的工作是,借助這個標籤,人們可以使用這個元標籤功能輕鬆重定向到另一個網頁。
元標記可以正常運作的一些屬性清單如下:
1。內容: 元標記中的內容就像其包含的元標記的值一樣。
2。名稱: 名稱用作元標記的屬性。它以詳細資訊、所有者、關鍵字等形式出現。
3。 http-equiv: 此屬性用於定義文件中的標頭詳細資訊。
4。 Charset: 它是 Meta 標籤中的主要屬性,用於定義字元編碼以在其文件中進行聲明。
5。方案: 此屬性用於定義將使用實際元標記的方案。但 HTML5 不支援這種類型的屬性。
HTML 中元標記的範例
讓我們來看一些例子
範例#1
我們將使用Meta標籤,它會被電腦系統讀取,但網頁的訪客看不到任何內容。
HTML 程式碼:
<meta charset="UTF-8"> <meta name="description" content="Meta tag details information here"> <meta name="robots" content="Robotics"> <meta name="hotmail:card" content="summary">
輸出:它將顯示空白螢幕作為輸出。
Example #2
Here is this example we are going to use different kinds of Meta tags and show the output; the web page will be refresh at every specific time and store cookies for your page, also mentioning its expiry date.
HTML code:
<title>Meta Tags Example</title> <meta name="keywords" content="HTML, Meta Tags, Metadata"> <meta name="description" content="Learning about Meta Tags."> <meta http-equiv="cookie" content="userid = xyz; expires = Tuesday, 31-Dec-19 23:59:59 IST;"> <meta name="revised" content="EDUCBA -Online courses, 3/7/2019"> <meta http-equiv="refresh" content="5"> <h1 id="EDUCBA">EDUCBA</h1> <h2 id="Become-an-Awesome-Design-Expert">Become an Awesome Design Expert</h2> <p>EDUCBA- All about online certification courses</p> <h4 id="Learn-Graphic-designing-Animation-Game-Development-Video-Editing-amp-more-with-our-Online-Certification-Courses">Learn Graphic designing, Animation, Game Development, Video Editing & more with our Online Certification Courses</h4> <p>Choose your interest area and get certified with our online Courses in Finance, Data Science, Software Development, Excel, Design, Project Management, Personal Development, Marketing and Human Resources.</p>
Output: The webpage shown in output will refresh every 5 seconds.
Example #3
Let’s see another example using meta tags, it will reflect the same as above, but after refreshing the webpage, it will redirect to another webpage which URL’s will be mentioned in the Meta tag as shown in the below HTML code:
HTML code:
<title>Meta Tags in HTML 5</title> <meta name="keywords" content="HTML 5, Meta Tag"> <meta name="description" content="Detail description of Meta Tags in HTML 5."> <meta http-equiv="refresh" content="10; url = https://www.educba.com/"> <p>EDUCBA- All about online certification courses</p>
Output:
Conclusion
So, a Meta tag in Html is used to define metadata about HTML documents. The code included in it is a machine-readable format that works well with a webpage but doesn’t show any content on the page to the visitors. Meta tag containing 3 different types of attributes like global, element-specific, and event handler attributes.
以上是HTML 中的元標記的詳細內容。更多資訊請關注PHP中文網其他相關文章!

布爾屬性是HTML中的特殊屬性,不需要值即可激活。 1.布爾屬性通過存在與否控制元素行為,如disabled禁用輸入框。 2.它們的工作原理是瀏覽器解析時根據屬性的存在改變元素行為。 3.基本用法是直接添加屬性,高級用法可通過JavaScript動態控制。 4.常見錯誤是誤以為需要設置值,正確寫法應簡潔。 5.最佳實踐是保持代碼簡潔,合理使用布爾屬性以優化網頁性能和用戶體驗。

HTML代碼可以通過在線驗證器、集成工具和自動化流程來確保其清潔度。 1)使用W3CMarkupValidationService在線驗證HTML代碼。 2)在VisualStudioCode中安裝並配置HTMLHint擴展進行實時驗證。 3)利用HTMLTidy在構建流程中自動驗證和清理HTML文件。

HTML、CSS和JavaScript是構建現代網頁的核心技術:1.HTML定義網頁結構,2.CSS負責網頁外觀,3.JavaScript提供網頁動態和交互性,它們共同作用,打造出用戶體驗良好的網站。

HTML的功能是定義網頁的結構和內容,其目的在於提供一種標準化的方式來展示信息。 1)HTML通過標籤和屬性組織網頁的各個部分,如標題和段落。 2)它支持內容與表現分離,提升維護效率。 3)HTML具有可擴展性,允許自定義標籤增強SEO。

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

記事本++7.3.1
好用且免費的程式碼編輯器

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

WebStorm Mac版
好用的JavaScript開發工具