HTML基本結構


基本骨架

  • HTML文件最基本的四個標簽,組成了網頁的基本骨架,包括<html><head><title><body>四組標簽。
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
</body>
</html>

<html>標簽

  定義HTML文件的根元素,表示整個的HTML文檔,所有的標簽要書寫在標簽內部。

<head>標簽

  • 用於存放<title>,<meta>,<base>,<style>,<script>,<link>。內部用於對網頁的設置,除了<title>內部的文字,其他標簽都不顯示在瀏覽器上。

在標簽中我們必須要設置的標簽是title 在標簽中我們必須要設置的標簽是title

<title>標簽

  • 作用1:讓頁面擁有一個屬於直接的標題。
  • 作用2:title中的關鍵字可以作為搜索引擎抓取的關鍵字,提高SEO搜索引擎優化
  • 作用3:內部的內容會顯示在搜索結果的標題部分
  • 作用4:作為瀏覽器收藏夾默認的網頁標題

建議網頁必須添加title標簽內部內容,內容盡量精簡,提取網頁的關鍵字。建議網頁必須添加title標簽內部內容,內容盡量精簡,提取網頁的關鍵字。

<body>標簽

  • 作用:定義網頁的主體部分,存放所有的HTML顯示內容的標簽。

DTD

完整的HTML文件的第一行內容叫做文檔定義類型,英文DocType Definition,簡稱DTD。也稱作文檔聲明類型,DocType Declaration

HTML5版本
<!DOCTYPE html>

告知瀏覽器該網頁使用的是哪個版本的HTML規范,讓瀏覽器按照對應版本的HTML語法進行解析頁面告知瀏覽器該網頁使用的是哪個版本的HTML規范,讓瀏覽器按照對應版本的HTML語法進行解析頁面

命名空間

<html>元素表示整個網頁文檔,在開始標簽上設置了命名空間xmlns屬性

  • xml:lang="en"和lang="en" 表示所有的標簽元素內容的語言都是英語,對搜索引擎和瀏覽器是有幫助的
  • lang="zh-cn" 表示中文(中國)
  • 元素的命名空間規定了在不同用戶的瀏覽器中標簽語義遵循的統一標准
XHTML1.0版本
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
</html>
HTML5版本
<html lang="en">
</html>

• xml:可擴展標記語言,使用在傳輸過程中的規范。被設計用來傳輸和存儲數據,是html
的補充。
• xmlns:全稱叫做XML NameSpace,NameSpace叫做命名空間,瀏覽器會將此命名空間
用於該屬性所在元素內的所有內容。

字符集

<head>標簽內部的meta標簽通過http-equiv屬性定義了當前的網頁所使用的字符編碼

 HTML5版本
<meta charset="UTF-8">

常用字符集編碼

  • 國際通用字庫
    UTF-8: 以字節為單位對Unicode萬國碼進行編碼,涵蓋了所有人類的語言文字,一個漢字為3個字節大小
  • 中文國標字庫
    gb2312: 共收入漢族6763個和包括拉丁字母、希臘字母、日文、俄語西里爾字母在內的682個
    gbk: 是gb2312的擴展,增加了繁體字,共收入21886個漢字和圖形符號,其中漢子21003個,圖形符號883個,一個漢字為2個字節大小

字符集常見問題

  • 使用情況建議
    1.如果沒有網頁加載速度要求,或者制作的是外文網站,使用utf-8
    2.如果含有大量中文漢字的網站,而且要求網頁加載速度快,使用gbk

注意:標簽聲明的字庫,必須和編輯器軟件默認編譯字庫相同,否則會出現字庫不匹配,瀏覽器加載是出現亂碼。注意:標簽聲明的字庫,必須和編輯器軟件默認編譯字庫相同,否則會出現字庫不匹配,瀏覽器加載是出現亂碼。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM