>
>
>
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...