學習HTML之前你必須知道的知識

2021-10-09 10:19:39 字數 2712 閱讀 4937

>

>

>

title

>

head

>

>

body

>

html

>

1234567

html骨架標籤總結

標籤名定義說明

html標籤

頁面中最大的標籤,我們成為 根標籤

文件的頭部

注意在head標籤中我們必須要設定的標籤是title

文件的標題

讓頁面擁有乙個屬於自己的網頁標題

文件的主體

元素包含文件的所有內容,頁面內容 基本都是放到body裡面的

團隊約定大小寫

html標籤名、類名、標籤屬性和大部分屬性值統一用小寫

推薦:

123
不推薦:

123
標籤:

在html頁面中,帶有「< >」符號的元素被稱為html標籤,如上面提到的 、、都是html骨架結構標籤。

分類:

常規元素(雙標籤)

《標籤名

>

內容 標籤名

>

比如 >

我是文字 body

>

1

空元素(單標籤)

《標籤名

/>

比如

/>

1

主要針對於雙標籤的相互關係分為兩種:

巢狀關係(父子關係)

>

>

title

>

head

>

123

並列關係(兄弟關係)

>

head

>

>

body

>

12

注:

如果兩個標籤之間的關係是巢狀關係,子元素最好縮排乙個tab鍵的身位(乙個tab是4個空格)。

如果是並列關係,最好上下對齊。

這樣寫的好處是,**結構更清晰,也便於自己檢視修改

用法:

1

作用:

!doctype 宣告在文件中最前面的位置,處於html標籤之前。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。

就是告訴瀏覽器按照html5 規範解析頁面.

lang

="en"

>

指定html 語言種類

1

最常見的2個:

en定義語言為英語

zh-cn定義語言為中文

指定該html標籤 內容 所用的語言為中文

考慮瀏覽器和作業系統的相容性,目前仍然使用 zh-cn 屬性值

@拓展閱讀:

簡單來說,可能對於程式來說沒有太大的作用,但是它可以告訴瀏覽器,搜尋引擎,一些處理html的程式對頁面語言內容來做一些對應的處理或者事情。

比如可以

charset

="utf-8"

/>

1字符集(character set)是多個字元的集合。

計算機要準確的處理各種字符集文字,需要進行字元編碼,以便計算機能夠識別和儲存各種文字。

123

utf-8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有gbk和gb2312。

是讓 html 檔案是以 utf-8 編碼儲存的, 瀏覽器根據編碼去解碼對應的html內容。
一般情況下統一使用 「utf-8」 編碼, 請盡量統一寫成標準的 「utf-8」,不要寫成 「utf-8」 或 「utf8」 或 「utf8」。

白話: 所謂標籤語義化,就是指標籤的含義。

語義化的目的:

根據標籤的語義,在合適的地方給乙個最為合理的標籤,讓結構更清晰。

方便**的閱讀和維護

同時讓瀏覽器或是網路爬蟲可以很好地解析,從而更好分析其中的內容

使用語義化標籤會具有更好地搜尋引擎優化

語義是否良好: 當我們去掉css之後,網頁結構依然組織有序,並且有良好的可讀性。

遵循的原則:先確定語義的html ,再選合適的css。所以,學習html標籤,要根據語義去記憶。html網頁中任何元素的實現都要依靠html標籤。

學python之前你必須知道的東西 程式設計工具介紹

俗話說 磨刀不誤砍柴工 乙個好的工具會讓你更加稱心如意的工作,所以與其一味的追逐時間,不如先好好先看看我的文章,提公升一下自己的裝備,使得自己走的更快,更遠!一.問題的引入1.我是python小白,想開始學習python用什麼工具寫 呢?2.我要學資料分析這一模組的,使用什麼軟體更高速?3.我是學習...

HTML 5 你必須知道的data屬性

原文 all you need to know about the html5 data attribute 譯文 你必須知道html 5 的data屬性 譯者 dwqs html 5的data屬性可以讓你給元素自定義資料。這篇文章就是思考怎麼更好的使用data屬性。介紹 html 5之前,我們必須...

Linux世界你必須知道的

突然從windows世界轉向linux世界,也許剛開始或多或少都有點不太適應,慢慢地,也許你會發現linux的博大精深,最重要的是linux世界的很多東西都是free license,下面列舉一下linux世界你需要或必須知道的二三事。unix like 叫做 類unix 系統,主要指各種各樣的li...