html結(jié)構(gòu)語義化,是最近幾年才提出來的,以前的HTML結(jié)構(gòu),都是一堆的沒有語義的冷冰冰的標(biāo)簽。最泛濫的就是div+css,以前的頁面,一上來就是一堆的div+css,
為了改變這種這種狀況,開發(fā)者們和官方提出了讓HTML結(jié)構(gòu)語義化的概念,并且官方w3c,也在HTML5給出了幾個新的語義化的標(biāo)簽。
什么是語義化?
字面意思就是說根據(jù)我們所說的話,就能了解其中的含義。
語義化,故名思意,就是你寫的HTml結(jié)構(gòu),是用相對應(yīng)的有一定語義的英文字母(標(biāo)簽)表示的,標(biāo)記的,因為HTML本身就是標(biāo)記語言。不僅對自己來說,容易閱讀,書寫。別人看你的代碼和結(jié)構(gòu)也容易理解,甚至對一些不是做網(wǎng)頁開發(fā)的人來說,也容易閱讀。
html中的單標(biāo)記:
1、<area>:用于圖像映射內(nèi)的區(qū)域。
2、<base>:文檔中所有相對URL的基本URL。每個文檔只能有一個,它必須位于頁面的
<head>中。
3、<br>:換行符,通常用于文本內(nèi)容以創(chuàng)建單個換行符而不是段落。它不應(yīng)該用于通過堆疊
許多<br>標(biāo)簽在頁面上創(chuàng)建視覺分離,因為該函數(shù)是視覺需求,因此是CSS的域而不是
HTML。
4、<col>:指定<colgroup>元素中每列的列屬性。
5、<command>:指定用戶可以調(diào)用的命令。
6、<embed>:與外部應(yīng)用程序和交互式內(nèi)容一起使用以進(jìn)行集成。
7、<hr>:水平規(guī)則,是頁面上的一條直線。在許多情況下,CSS邊框用于創(chuàng)建分隔線而不是
此HTML元素。
8、<img>:HTML的主要元素之一,這是圖像標(biāo)記。它用于將圖形圖像添加到網(wǎng)頁。
9、<input>:用于從訪問者捕獲信息的表單元素。有許多有效的輸入類型,從多年來在表單
中使用的常見“文本”輸入到屬于HTML5的一些新輸入類型。
10、<keygen>:此標(biāo)記創(chuàng)建用于表單的密鑰對生成器字段。
11、<link>:不要與“超鏈接”或錨點(<a>)標(biāo)簽混淆,此鏈接用于設(shè)置文檔與外部資源之
間的鏈接。例如,您可以使用它鏈接到外部CSS文件。
12、<meta>:元標(biāo)記是“有關(guān)內(nèi)容的信息”。它們位于文檔的<head>中,用于將頁面信息
傳遞給瀏覽器。有許多不同的meta標(biāo)簽,你可以在網(wǎng)頁上使用。
13、<param>:用于定義插件的參數(shù)。
14、<source>:此標(biāo)記允許您為頁面上的媒體指定備用文件路徑,包括視頻或圖像或音頻文件。
15、<track>:此標(biāo)記設(shè)置要與媒體文件,視頻或音頻一起使用的軌道,這些軌道通常與
<video>或<audio>標(biāo)記一起添加。
16、<wbr>:這代表斷言機會。它指定添加換行符可以接受的文本塊中的位置。
擴展資料:
在HTML5的版本中<command />、<command />、<menuitem />這三個單標(biāo)記是已經(jīng)
報廢無效了,而在HTML4中是可以繼續(xù)使用的。
使用單標(biāo)記時不同的HTML版本對是否需要帶斜桿是有不同的要求的。
HTML5:斜杠是可選的。
HTML4:斜杠不可選的。但是,它被W3C的HTML驗證器接受了。
XHTML:斜線是必需的。
要學(xué)習(xí)html5自然是要學(xué)習(xí)js基礎(chǔ)的。首先你要高明白什么是html5,當(dāng)前我們所說的html5不單單是在html基礎(chǔ)上標(biāo)簽的一個簡單升級。Html5是html第五次重大修改,其中添加了很多新的特性,不僅新增加了語義化的標(biāo)簽,還在css和js基礎(chǔ)上又添加了很多東西。
Html5中增加的canvas畫布,我們需要通過js,邏輯上的一些操作才能夠在畫布上繪制多種路徑、矩形、圓形、字符甚至添加圖像。若是沒有js邏輯上的一些控制是沒有辦法使用canvas創(chuàng)建動畫、游戲和數(shù)據(jù)的可視化操作。
Html5提供的web socket能夠使客戶端和服務(wù)端之間通信更加的簡單,離線存儲可以將數(shù)據(jù)存儲在客戶端本地以便更高效的離線運行,手機中的基本配置地理定位,html5也提供了相應(yīng)的API在瀏覽器中實現(xiàn)其應(yīng)用。所以html5不僅是單純的將標(biāo)簽語音進(jìn)行了改進(jìn),更是提供了js更為強大的功能。
要想在頁面中實現(xiàn)完整、強大的功能,就必須要有js基礎(chǔ),新增加api可以更方便在頁面中實現(xiàn)我們的功能。