文章目錄

頁面結構

一個標準的HTML頁面如下：

Document

一、文檔聲明頭

標準的HTML頁面，第一行是以開頭的的語句，這就是文檔聲明頭，即DocType Declaration，簡稱DTD。DTD可以告知瀏覽器使用哪種HTML或者XHTML規范。

二、頁面語言

第二行標簽，用來指定頁面的語言類型

HTML 標簽:頁面中最大的標簽，稱之為根標簽

lang:指定頁面的語言類型，常見語言類型有兩種

en：定義頁面語言為英語

zh-CN:定義頁面語言為中文

頭標簽

頭標簽里面一般表示的是頁面的配置，內部的常見標簽如下：

標簽說明title整個網頁的標題

base為頁面上所有標簽規定默認地址或者默認標簽

meta提供有關頁面的基本信息

link定義文檔與外部資源的關系

meta 標簽

meta 表示“元”，“元”配置，就是表示基本的配置項目

常見的幾種meta標簽如下：

1、字符集

網頁的編碼方式，計算機要處理各種字符集文字，需要進行字符編碼，以便計算機能夠識別和存儲各種文字。

2、視口(viewport)

width=device-width:表示視口寬度等于屏幕寬度

3、頁面描述(Description)

只要設置了Description頁面描述,那么百度搜索結果就能顯示這個語句，這個技術叫做SEO(search engine optimization,搜索引擎優化)

4、關鍵字Keywords

這些關鍵詞，就是告訴搜索引擎，這個網頁是干嘛的，能夠提高搜索命中率。讓別人能夠找到你，搜索到你。

title 標簽

標題-HTML學習

網頁的標題

base 標簽

base 標簽用于指定基礎的路徑，指定之后，所有的a 標簽都是以這個路徑為準。

link 標簽

link 標簽鏈接了外部的標簽。

三、body 標簽

所有的網頁內容都寫在body里面。

語義

HTML的語義化基本上是圍繞著幾個主要的標簽展開，類似列表，標題等等。

示例

標簽效果語義

加黑加粗一級標題

多個小圓點列表

為什么要語義化

為了在沒有CSS的情況下，頁面也能呈現出很好地內容結構、代碼結構:為了裸奔時好看。

用戶體驗：例如title、alt用于解釋名詞或解釋圖片信息、label標簽的活用。

有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標簽來確定上下文和各個關鍵字的權重。

方便其他設備解析(如屏幕閱讀器、盲人閱讀器、移動設備)以意義的方式來渲染網頁。

便于團隊開發和維護，語義化更具可讀性，是下一步吧網頁的重要動向，遵循W3C標準的團隊都遵循這個標準，可以減少差異化。

寫HTML 代碼要注意些什么

盡可能少的使用無語義的標簽div和span。

在語義不明顯時，既可以使用div或者p時，盡量用p,因為p在默認情況下有上下間距，對兼容特殊終端有利。

不要使用純樣式標簽，如：b、font、u等，改用css設置。

需要強調的文本，可以包含在strong或者em標簽中(瀏覽器預設樣式，能用CSS指定就不用他們)，strong默認樣式是加粗(不要用b)，em是斜體(不用i)。

使用表格時，標題要用caption，表頭用thead，主體部分用tbody包圍，尾部用tfoot包圍。表頭和一般單元格要區分開，表頭用th，單元格用td，

表單域要用fieldset標簽包起來，并用legend標簽說明表單的用途。

每個input標簽對應的說明文本都需要使用label標簽，并且通過為input設置id屬性，在lable標簽中設置for=someld來讓說明文本和相對應的input關聯起來。

標簽：網頁,HTML,標簽,語義,語法,meta,頁面

來源： https://blog.csdn.net/Alyson_jm/article/details/113874152

總結

以上是生活随笔為你收集整理的html4的语法,HTML——语法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。