天天看點
傳回

前端學習筆記-Day02HTML常見的基礎元素使用3 字元實體

HTML常見的基礎元素使用

1 一個完整的HTML結構

1.1 文檔聲明

  • 讓浏覽器用HTML5的标準去解析識别HTML文檔
  • 放在前面，不能省略
  • <!DOCTYPE html>

1.2 html元素

  • 是HTML文檔的根元素、一個文檔隻能有一個
  • 浏覽器會檢測lang屬性，如語言不一緻，會彈出是否啟用翻譯的功能
  • <html lang=“zh”>

1.3 head元素

  • 裡面的内容是一些“中繼資料”（描述資料的資料）
  • title元素
    • 設定網頁的标題
  • meta元素
    • 設定網頁的字元編碼
    • 有ASCII、GB2312、GBK、UTF-8等，統一使用UTF-8編碼規則
    • <meta charset=“utf-8”>
  • style元素
    • 設定元素樣式
  • link元素
    • 可以設定網站的圖示
    • <link rel=“icon” href=“https://www.jd.com/favicon.ico”>

1.4 body元素

  • 網頁的具體内容和結構

2 基本元素

2.1 h元素

  • 表示網頁的标題
  • h1—h6定義了6個等級的标題
  • h元素有助于網站的SEO優化，可以促進關鍵詞排名
    • 建議在網頁中最多隻有一個h1元素
    • 亂用h元素會認為作弊

2.2 p元素

  • 表示文章的一個段落

2.3 strong元素

  • 用于強調某些文本，粗體的顯示效果

2.4 code元素

  • 會将字型設定成等寬字型
  • 真實開發中借助<span>來控制樣式

2.5 br元素

  • 将一段文字進行換行
  • 但是在真實開發環境中使用的是<div>标簽

2.6 hr元素

  • 顯示一條分割線
  • 真實開發中也是借助div來實作，通過設定height和background-color

3 字元實體

3.1 空格

  • &nbsp；一般不這樣使用
  • 借助樣式，text-indent：2em；

3.2 大于号

  • &gt（great than）

3.3 小于号

  • &lt（less than）
前端學習筆記 html css javascript web
上一篇: 正規表達式排除指定字元串
下一篇: html學習筆記DAY02

繼續閱讀