web前端-01實體與標籤
阿新 • • 發佈:2022-11-30
1.實體
在網頁中編寫多個空格預設情況會自動被瀏覽器解析為一個空格
- 實體的語法:
-  :空格 >:大於號 <:小於號 ©:版權符號
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以外的子元素