1. 程式人生 > 其它 >web前端-01實體與標籤

web前端-01實體與標籤

1.實體

在網頁中編寫多個空格預設情況會自動被瀏覽器解析為一個空格

  • 實體的語法:
  • &nbsp:空格 &gt:大於號 &lt:小於號 &copy:版權符號

2.meta標籤

  • meta標籤主要用於設定網頁中的一些元素,元資料不是給使用者看的
  • charset 指定網頁的字符集
  • name 指定的資料的具體內容
  • content 指定的資料內容
  • keywords表示網址的關鍵字,可以同時指定多個關鍵字,關鍵字間使用逗號隔開    <meta name="keywords" content="購物">
  • description用於指定網站的描述 ,網站的描述會顯示在搜尋引擎的搜尋結果中   <meta name="description" content="京東是...">  
  • title標籤的內容會作為搜尋結果的超連結上的文字顯示

3.語義化標籤
在網頁中,HTML專門用來負責網頁的結構,所以使用html標籤時,使用的是標籤的語義,而不是樣式

  • 1>在頁面中獨佔一行的元素稱為塊元素
  • 2>在頁面中不會獨佔一行的元素稱為行內元素
  • 3>標題標籤  h1-h6 塊元素
  • 4>p標籤  表示頁面中的一個段落  p也是一個塊元素
  • 5>hgroup標籤  將標題分組,可以將一組相關的標題放入
  • 6>em標籤  用於表示語音語調的一個加重(字型傾斜) 不會換行  行內元素
  • 7>strong標籤 表示強調  行內元素
  • 8>blockquote  表示一個長引用  用:
  • 9>q引用  表示一個短引用  用“”
  • 10>br標籤  表示換行

4.佈局標籤(結構化語義標籤)

  • 1>header標籤  表示網頁的頭部
  • 2>main  表示網頁的主體部分(一個頁面中只會有一個main) 
  • 3>footer  表示網頁的底部
  • 4>nav  表示網頁的導航
  • 5>aside  表示和主體相關的其他內容(側邊欄)
  • 6>article  表示一個獨立的文章
  • 7>section  表示一個獨立的區塊,上邊的標籤都不能表示時使用section
  • 8>div  沒有語義,就用來表示一個區塊,目前來講div還是我們主要的佈局元素
  • 9>span  沒有元素,沒有任何的語義,一般用於在網頁中選文字

5.塊和行內

  • 塊元素(block element)
  •      在網頁中一般通過塊元素來對頁面進行佈局
  • 行內元素(inline element)
  •      主要用來包裹文字
  •      一般情況下會在塊元素放行內元素,而不會在行內元素中放塊元素
  •      塊元素基本上什麼都可以放
  •      p元素不能放任何塊元素
  • 瀏覽器在解析網頁時,會自動對網頁中不符合規範的內容進行修正
  •      比如:
  •      標籤寫在了根元素的外部
  •      p元素中嵌套了塊元素
  •      根元素中出現了除head和body以外的子元素