這篇文章主要介紹實(shí)用HTML標(biāo)簽的有哪些,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站于2013年開(kāi)始,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目做網(wǎng)站、成都做網(wǎng)站網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元?jiǎng)﹂w做網(wǎng)站,已為上家服務(wù),為劍閣各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220
隨著對(duì) JavaScript 框架和庫(kù)的依賴越來(lái)越深,很多人對(duì) HTML 的重視程度降低了。這就導(dǎo)致了我們無(wú)法充分利用 HTML 的很多功能,這些功能可以大大的增強(qiáng)網(wǎng)站功能。另外通過(guò)編寫(xiě)語(yǔ)義化 HTML 可以在網(wǎng)站內(nèi)容中添加正確的上下文,從而顯著改善用戶體驗(yàn)。
實(shí)用HTML標(biāo)簽的有:
標(biāo)簽允許你創(chuàng)建一個(gè)場(chǎng)景,其中存在一個(gè)基本URL,這個(gè) URL 充當(dāng)文檔中所有相對(duì) URL 的前綴。標(biāo)簽必須有一個(gè)包含基本URL的 href
或 target
屬性,或者兩者兼有。
The base element(Google As a case study)
Gmail - Used to send emails; which are messages distributed by electronic means from one computer user to one or more recipients via a network.
Hangouts - It's used for Messaging, Voice and Video Calls
這樣就不必為每個(gè)請(qǐng)求重復(fù) URL 的前綴了。
一個(gè) HTML 文檔中只能有一個(gè)
元素,并且它必須位于 元素內(nèi)。
image map 是具有特定可點(diǎn)擊區(qū)域的圖片,并且是通過(guò) map
標(biāo)簽定義的。這些區(qū)域使用 標(biāo)簽設(shè)置。這使你可以在圖像的不同部分中嵌入鏈接,這些鏈接可以指向其他頁(yè)面,對(duì)于描述圖片中的內(nèi)容非常有用。
看一個(gè)例子:
第一步是像平常一樣用 標(biāo)簽插入圖片,但是這次使用
usemap
屬性。
接下來(lái)創(chuàng)建一個(gè) 標(biāo)簽,并使用與
img
標(biāo)簽中的 usemap
屬性值相同的 name
屬性。這會(huì)將
標(biāo)簽與 map
標(biāo)簽鏈接在一起。
然后開(kāi)始創(chuàng)建可點(diǎn)擊區(qū)域。我們需要定義如何繪制每個(gè)區(qū)域,通常用 shape
和 coords
來(lái)繪制。
用 元素定義圖像上的可點(diǎn)擊區(qū)域。它添加在
map
元素內(nèi)。
這些屬性包括:
在相關(guān)區(qū)域上繪制矩形時(shí)需要使用 shape
。你可以使用其他形狀,例如矩形、圓形、多邊形或默認(rèn)形狀(整個(gè)圖像)
alt
用來(lái)指定當(dāng) area
元素由于某些原因而無(wú)法呈現(xiàn)時(shí)要顯示的替代文本
href
包含將可點(diǎn)擊區(qū)域鏈接到另一個(gè)頁(yè)面的 URL
coords
使用坐標(biāo)(以像素為單位)精確切出形狀。你可以用各種軟件來(lái)獲取圖片的確切坐標(biāo);下面用 微軟的繪圖軟件作為一個(gè)簡(jiǎn)單的例子。不同的形狀以不同的方式表示其坐標(biāo),比如矩形用 left, top, right, bottom
表示。
在這里我們有 top, left
坐標(biāo):
你可以在圖片的左下方讀取光標(biāo)在圖片上的坐標(biāo),也可以只在水平和垂直面上使用標(biāo)尺。
下面的截圖顯示了 right, bottom
坐標(biāo):
最終得到:
也可以使用其他形狀,但是每個(gè)形狀的坐標(biāo)寫(xiě)法不同。
對(duì)于 circle
,應(yīng)該有圓心的坐標(biāo),然后添加半徑:
圓心的坐標(biāo)同意位于左下角,圓心到末端的水平距離是半徑。
創(chuàng)建一個(gè) poly
更像是徒手畫(huà)圖。你只需鏈接圖像上的不同點(diǎn),它們就會(huì)連接起來(lái):
下面是用 HTML 創(chuàng)建形狀時(shí)所需要的值:
形狀 | Coordinates |
---|---|
rect | left, top, right, bottom |
circle | center-x, center-y, radius |
poly | x1, y1, x2, y2, .…. |
default | 整個(gè)區(qū)域 |
和
標(biāo)簽 指定要在父元素中定義的術(shù)語(yǔ)。它代表“定義元素”。標(biāo)簽
的父級(jí)包含術(shù)語(yǔ)的定義或解釋,而術(shù)語(yǔ)位于
內(nèi)部??梢赃@樣添加:
HTML Is the standard markup language for creating web pages.
也可以與 結(jié)合使用:
HTML It's the standard markup language for creating web pages.
這可以增強(qiáng)可訪問(wèn)性,因?yàn)檫@樣編寫(xiě)語(yǔ)義 HTML 可以使閱讀器和瀏覽器在適合用戶的上下文中解釋頁(yè)面上的內(nèi)容。
也可以單獨(dú)使用 :
CSS
和
預(yù)格式化的文本或 標(biāo)簽用于在編寫(xiě)文本時(shí)顯示文本(通常是代碼)。它顯示所有空格和制表符,并完全按照塊中的格式進(jìn)行設(shè)置。
p { color: black; font-family: Helvetica, sans-serif; font-size: 1rem; }
和
這兩個(gè)標(biāo)簽通常會(huì)一起出現(xiàn)。
用作
的標(biāo)題。
basketball
這些標(biāo)簽也可以與代碼塊、視頻和音頻一起使用,如下所示。
代碼塊:
視頻:
音頻:
和
和
用來(lái)創(chuàng)建一個(gè)可切換的部分。
標(biāo)簽位于
標(biāo)簽內(nèi),單擊后會(huì)自動(dòng)顯示和隱藏的內(nèi)容。
最好用的地方是你可以用 CSS 去設(shè)置它們的樣式,即使不依賴 JavaScript 也可以完美地工作。
I am an introvert
An introvert is a person with qualities of a personality type known as introversion, which means that they feel more comfortable focusing on their inner thoughts and ideas, rather than what's happening externally. They enjoy spending time with just one or two people, rather than large groups or crowds
和
基本上
是從另一個(gè)來(lái)源引用的部分。并添加了
屬性來(lái)指示源。
The history of Nigeria can be traced to settlers trading across the middle East and Africa as early as 1100 BC. Numerous ancient African civilizations settled in the region that is known today as Nigeria, such as the Kingdom of Nri, the Benin Empire, and the Oyo Empire. Islam reached Nigeria through the Borno Empire between (1068 AD) and Hausa States around (1385 AD) during the 11th century,[1][2][3][4] while Christianity came to Nigeria in the 15th century through Augustinian and Capuchin monks from Portugal. The Songhai Empire also occupied part of the region.[5]如果使用
cite
屬性,那么這個(gè)屬性必須是指向源的有效 URL。要獲得相應(yīng)的引文鏈接,必須相對(duì)于元素的節(jié)點(diǎn)文檔來(lái)解析屬性的值。有時(shí)它們是私有的,例如調(diào)用服務(wù)器端腳本收集有關(guān)網(wǎng)站使用情況的統(tǒng)計(jì)信息。
cite
元素表示作品或知識(shí)產(chǎn)權(quán)的標(biāo)題,例如書(shū)籍、文章、論文、詩(shī)歌、歌曲等。The best movie ever made is The Godfather by Francis Ford Coppola . My favorite song is Monsters You Made by the Burna boy.
以上是“實(shí)用HTML標(biāo)簽的有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章題目:實(shí)用HTML標(biāo)簽的有哪些
瀏覽路徑:http://weahome.cn/article/pshcse.html