日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

HTML5的知识分享(一):HTML5的基础标签

發布時間:2025/3/15 HTML 18 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML5的知识分享(一):HTML5的基础标签 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

  標簽是什么?

  標簽是HTML語言是基本的元素和組成部分,它使一個網頁分出范圍、內容區、解釋區以及各種內容的引用。簡單地說,標簽是使網頁內各種內容相互區分,使內容與數據更加有序的、特殊的、約定好的符號。

  HTML5是近十年來Web開發標準最巨大的飛躍。和以前的版本不同,HTML5并非僅僅用來表示Web內容,它的新使命是將Web帶入一個成熟的應用平臺,在HTML5平臺上,視頻,音頻,圖像,動畫,以及同電腦的交互都被標準化。

  HTML5標簽的用途主要分為三大點:

  • 使Web頁面的內容更加有序和規范。
  • 使搜索引擎更加容易按照HTML5規則識別出有效內容。
  • 使Web頁面更接近于一種數據字段和表。
    • <!DOCTYPE>? 標簽

    定義與用法:

  • <!DOCTYPE>聲明使文檔中的第一個成分,位于<html>標簽之前。該標簽告知瀏覽器文檔所使用的HTML規范。
  • 文檔類型聲明:<!DOCTYPE HTML>
  • 注意:

      a、<!DOCTYPE>對大小寫不敏感。

      b、請使用W3C的驗證器來檢查是否編寫了有效的HTML/XHTML文檔!

      c、<!DOCTYPE>標簽沒有結束標簽,也就是空元素。

    • <html>標簽

    定義與用法:

  • <html>元素可告知瀏覽器其自身是一個HTML文檔。
  • <html>與</html>標簽限定了文檔的開始點和結束點,在它們之間是文檔的頭部和主體。就如文檔的頭部由<head>標簽定義,而主體由<body>標簽定義。
  • 注意:

      a、如果您出于某種原因,希望定義?xmlns 屬性,唯一合法的值是"http://www.w3.org/1999/xhtml"。

      b、即使 html 元素是文檔的根元素,它也不包含 doctype 元素。doctype 元素必須位于 html 元素之前。

    • <head>標簽

    定義與用法:

  • <head>標簽用于定義文檔的頭部,它是所有頭部元素的容器。<head>中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供原信息等等。
  • 文檔的頭部描述了文檔的各種屬性和信息,包活文檔的標題、在Web中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。
  • <base>,<link>,<meta>,<script>,<style>,<title>這些標簽都是可以在 <head>的標簽中使用。
  • <title> 定義文檔的標題,它是 head 部分中唯一必需的元素。
  • 注意:

      a、應該吧<head>標簽放在文檔的開始處,緊跟在<html>后面,并處于<body>標簽或<frameset>標簽之前。

      b、一定要記住始終為文檔規定標題。

    • <title>標簽

    定義與用法:

  • <title>元素可定義文檔的標題。
  • 瀏覽器會把標題放置在瀏覽器窗口的標題欄或狀態上。
  • 注意:

      <title>標簽有且只能有一個。?

    • <body>標簽

    定義與用法:

  • <body>元素定義文檔的主體。
  • <body>元素包含文檔的所有內容(比如:文本、超鏈接、圖像、表格和列表等等。)
  • 注意:

      在HTML5 中已刪除了所有 <body> 的特殊屬性。

    <!DOCTYPE HTML> <html> <head><title>這里是瀏覽器標題文本</title> </head> <body>這里是文檔的主體內容...... /body> </html>

    ?

    • <h1>到<h6>標簽

    定義與用法:

  • <h1>--<h6>標簽可定義標題。而 <h1> 標簽是定義最大的標題,<h6> 則是定義最小的標題。
  • 由于? h? 元素擁有確切的語義,因此請您慎重的地選擇恰當的標簽層級來構建文檔的結構。應當使用層疊樣式表定義來到達漂亮的顯示效果。
  • 注意:

      a、<hn>---</hn>這些標簽顯示黑體字。

      b、<hn>---</hn>這些標簽自動插入一個空行,不必用 <p> 標簽在家空行。因此在一行中無法使用不同大小的字體。所以它們也是段落幾的標簽。

    <h1>這是一級標題</h1> <h2>這是二級標題</h2> <h3>這是三級標題</h3> <h4>這是四級標題</h4> <h5>這是五級標題</h5> <h6>這是六級標題</h6>

    啟動瀏覽器后,運行效果如下:


    • <p> 標簽

    定義與用法:

  • <p> 標簽定義段落。
  • p? 元素會自動在其前后創建一空白行。瀏覽器會自動添加這些空間,您也可以在樣式中規定。
  • 注意:

      a、<p> 是雙標簽,即非空元素,但有時可以省略結束標簽</p>

      b、一個新的開始 <p> 標簽可以結束上一個 <p> 標簽。

    這里是段落前...... <p>這里是一個段落......</p> 這里是段落后......

    啟動瀏覽器后,運行效果如下:

    • ?<br> 標簽

    定義與用法:

      可插入一個簡單的換行符。

    注意:

      a、<br> 標簽是空標簽,在HTML5中,把結束標簽放在開始標簽中,也就是 <br />。

      b、<br> 標簽只是簡單地開始新的一行,在相鄰的上下之間不會出現空行。

    <p> 換行前......<br />換行后...... </p>

    啟動瀏覽器后,運行效果如下:

    • <hr> 標簽

    定義與用法:

  • <hr>標簽在 HTML 頁面中創建一條水平線。
  • 水平分隔線可以在視覺上將文檔分隔成多個部分。
  • 注意:

      a、在 HTML5 中,<hr>標簽必須被正確地關閉,比如<hr />。

      b、在 HTML5 中,hr? 元素的所有呈現屬性均不被支持。

    <h1>這是標題</h1> <hr /> <p>這是段落</p>

    啟動瀏覽器后,運行效果如下:

    • <!--??? --> 標簽

    定義與用法:

  • 網頁注釋標簽用于在源文檔中插入注釋。注釋會被瀏覽器忽略。有時您可以用注釋對你的代碼進行解釋,這樣有益于您在以后的時間對代碼的編輯。
  • 在注釋中存儲針對程序所定制的信息。在這種情況下,這些信息對用戶是不可見的,但是對程序員來說是很可用的哦。
  • 把注釋或樣式元素放入注釋文本中,這樣就可避免不支持腳本或樣式的老瀏覽器把它顯示為純文本了。
  • <!--這個是被注釋的了哦,注釋是不會再瀏覽器中顯示的哦--> <p>這個是段落,會顯示出來的</p>

    啟動瀏覽器后,運行效果如下:

      HTML5 的基礎標簽就分享到這里啦,希望對您有帶來幫助,想知道更多的標簽的話,請關注我下一篇博客哦!謝謝!

    轉載于:https://www.cnblogs.com/LHYXYM/p/10652486.html

    總結

    以上是生活随笔為你收集整理的HTML5的知识分享(一):HTML5的基础标签的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。