HTML5標簽的使用和作用


     在菜鳥教程中找了一些關於HTML5的知識點,覺得很有用,可以整理一下,以后使用。

這是一個基本的HTML5文檔:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
文檔內容......
</body>
</html>

判斷是不是HTML5?看兩個地方就夠了------<!DOCTYPE html>,<meta charset="utf-8">,只要這兩個格式正確,就可以確定了。

下面說一下HTML5標簽的使用方法和作用

<!--...--> 注釋標簽用來在源文檔中插入注釋。注釋不會在瀏覽器中顯示。

<a href="http://www.baidu.com"></a><a href=""></a>這是一個超鏈接標簽

<abbr> 標簽用來表示一個縮寫詞或者首字母縮略詞,如"WWW"或者"NATO"。

The<abbr title="World Health Organization">WHO</abbr> was founded in 1948. (當你的鼠標在WHO上懸停的時候,它會出現World Health Organization

<address>標簽

<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

顯示出的效果通常都是斜體字。如果<address>元素位於<body>元素內部,則它表示該文檔作者/所有者的聯系信息。

如果<address>元素位於<article>元素內部,則它表示該文章作者/所有者的聯系信息。

后期學習新增:

<header></header>它就是主體的頭部,也可以把它看成頁眉。每一頁都有,在最上面。放置logo,頂級導航這樣一些內容。

<footer></footer>頁面主體上的底部,也就是文檔上的頁腳,一般會放些版權聲明,聯系方式等等內容

<nav></nav>它是代表頁面中的導航鏈接的部分,一般有導航的話,就會有這個標簽

<article></article>它代表文檔啊,頁面啊,或者應用程序中獨立的完整的一些可以獨自外部引用的內容,比如說:博客里的一篇文章,一個帖子等等與之比較類似的是<section></section>

<section></section>.的適用范圍更廣泛,比如頁面里的廣告,聯系方式,文章里面的章節等等,只要你覺得只是個區塊就可以使用,在文檔內容明確的出現在大綱里,它就比較適用。如果你這個東西只是個裝飾,就不用了,但是出現在文檔大綱中,由用戶看到的,有意義的內容就可以使用。<article></article>就可以看成是一個特殊的<section></section>,是<section></section>的子集,包含圖文內容的文章,就可以使用<article></article><article></article>的語義更加的強烈

<b></b>不僅僅是加粗,還表示這段文本是用來吸引人注意的,但並不表示這是重點或者是強調

<em></em>表示重點強調,比如說公式,定理一段文字的

<i></i>不同的語氣,樣子上有不同的差異,有些區別,比如說這段文字表示了諷刺,文法與其他的不一樣啊。

 

 


免責聲明!

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



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