国产亚洲日韩欧美十八禁,大香蕉久久91免费视频,山西旺福源贸易有限公司,国产色婷婷精品综合在线

在現(xiàn)今的網(wǎng)頁中,使用語義化標(biāo)簽?zāi)軌驇砗芏嗪锰帲牵Z義化到底是什么呢?為什么越來越受到重視呢?

語義化是指使用合理的HTML標(biāo)記以及其特有的屬性去格式化文檔內(nèi)容。通俗地講,語義化就是對數(shù)據(jù)和信息進(jìn)行處理,使得機(jī)器可以理解。語義化不關(guān)注頁面的外觀,而是關(guān)注頁面的內(nèi)容和結(jié)構(gòu),良好的語義化能夠幫助人和機(jī)器更好的理解內(nèi)容和它的上下文。

語義化的(X)HTML文檔有助于提升你的網(wǎng)站對訪客的易用性,比如使用PDA、文字瀏覽器以及殘障人士將從中受益。對于搜索引擎或者爬蟲軟件來說,則有助于它們建立索引,并可能給予一個較高的權(quán)值。同時,使用語義化可以減少很多不必要的代碼。

既然語義化有這么多的好處,那么如何使HTML語義化呢?一個最好的方法就是,把通用的HTML標(biāo)簽替換為富有表現(xiàn)力的HTML元素,下面介紹八個你可能沒有用過的HTML標(biāo)簽。

<q>標(biāo)簽

<blockquote>一樣,<q>用于引用文本,瀏覽器通常在引用的內(nèi)容外面添加引號。那么,為什么不直接使用引號呢?因?yàn)橐柌⒉豢偸潜硎疽?,有時候引號也用作強(qiáng)調(diào)或特定的名稱等。

<i><b>

以前,<i><b>是被用作識別斜體和粗體文本。當(dāng)內(nèi)容和表現(xiàn)分離的思想廣為傳播后,<i><b>就讓我們覺得有點(diǎn)難受了,因?yàn)樗鼈兇淼氖俏谋救绾物@示,而不是文本的表現(xiàn)含義,取而代之的是<em><strong>標(biāo)簽,它們代表強(qiáng)調(diào)文本和強(qiáng)烈強(qiáng)調(diào)文本。

但是,在HTML5中,<i><b>被賦予了新的語義含義。<i>用于表達(dá)特定的語氣或某種類型,而不只是在布局中呈現(xiàn)樣式。而在HTML5中,<b>包含的內(nèi)容會被視為重要部分,并呈現(xiàn)為粗體。

<abbr>標(biāo)簽

<abbr>用于縮寫。在文本需要縮寫的時候使用會非常方便,<abbr>有一個可選的title屬性,它的值為未縮寫的文本。通過對縮寫詞語進(jìn)行標(biāo)記,您就能夠?yàn)闉g覽器、拼寫檢查程序、翻譯系統(tǒng)以及搜索引擎分度器提供有用的信息。

XHTML

 

1

2

3

4

5

6

 

<abbr title="laugh out loud">lol</abbr>

<abbr title="I don't know">idk</abbr>

<abbr title="got to go">g2g</abbr>

<abbr title="talk to you later">ttyl</abbr>

 

<time>標(biāo)簽

讓我們先看一個典型的本地化問題:日期。在美國,201448日用04/08/14表示。在英國,用08/04/14表示。在荷蘭,用08-04-14表示。在俄羅斯,用08.04.14表示。這樣就導(dǎo)致機(jī)器很難閱讀。<time>標(biāo)簽語序你使用機(jī)器可讀的格式表示日期和時間,比如:<timedatetime=”2014-04-08″>04/08/14</time>,這樣,無論它被如何格式化,HTML解析器都可以使用這個來確定確切的時間,還可以這樣用<time datetime=”2014-04-0822:00″>04/08/14 at 10 PM</time>。

<mark>標(biāo)簽

曾經(jīng)你是否寫過這樣的HTML代碼:

XHTML

 

1

2

3

4

5

 

<p>

Three hundred pages of boring, useless text. <span>The one thing you need to know and will never be able to find again if you don't highlight it.</span> More boring stuff…

</p>

 

好了,現(xiàn)在你不需要再這樣寫了,HTML5引入了<mark>標(biāo)簽,它表示突出顯示的文本,比如:

XHTML

 

1

2

3

4

5

6

7

8

 

<!DOCTYPE HTML>

<html>

<body>

<p>Do not forget to buy <mark>milk</mark> today.</p>

</body>

</html>

 

<input>標(biāo)簽

也許你已經(jīng)用過<inputtype=”text” />,<inputtype=”submit” />或者<inputtype=”hidden” />。但是,你用過其他的類型嗎?在HTML5中,<input />可以用于更多的類型:

  • email

  • tel

  • number

  • range

  • date

  • time

  • search

  • color

    這些類型的不錯,但是使用前一定要看看瀏覽器是否支持,某些類型還沒有得到所有主流瀏覽器的支持。

    <menu>標(biāo)簽

    曾經(jīng)你是否這樣定義過一個菜單:

    XHTML

     

1

2

3

4

5

6

7

8

 

<ul>

<li>New</li>

<li>Open</li>

<li>Save</li>

<li>Quit</li>

</ul>

 

現(xiàn)在,你也不需要再這樣寫了,<menu>就是專門為定義菜單導(dǎo)航而設(shè)計(jì)的,<menu>中的內(nèi)容會表現(xiàn)為一個無序列表它的type屬性可以設(shè)置為popup或者toolbar,如:

XHTML

 

1

2

3

4

5

6

7

8

 

<menu type="toolbar">

<li>New</li>

<li>Open</li>

<li>Save</li>

<li>Quit</li>

</menu>

 

 

 

穩(wěn)定

產(chǎn)品高可用性高并發(fā)

貼心

項(xiàng)目群及時溝通

專業(yè)

產(chǎn)品經(jīng)理1v1支持

快速

MVP模式小步快跑

承諾

我們選擇聲譽(yù)

堅(jiān)持

10年專注高端品質(zhì)開發(fā)
  • 返回頂部
6分镀锌管外径多少mm| 另类女人zozo人禽交| jj插bb视频在线观看| 大美女日B视屏| 无码一区二区三区爆白浆| 毛片无遮挡高清免费久久| 综合成人欧美网日韩青椒网| 18成熟女人牲交片视频| 九九久久精品免费视频观看| 插逼玩一天视频| 七月丁香花在线中文娱乐| 大鸡巴强奸处女免费视频| 欧美精品国产制服第一页| 国产精品啪啪啪91po| 老司机精品成人无码AV| 999视频国产在线观看| 骚逼视频日逼视频大鸡吧| 亚洲视频福利第一区久久| 狠色狠色狠狠色综合久久| 久久久久人妻一区精品视色| 大鸡巴操淫荡骚女人视频| 大狠狠大臿蕉香蕉大视频| 苍井空大战黑人久久精品| 好大好爽好想要被操视频| 端庄美艳人妻教师的沉沦| 少妇沦陷精油按摩中文字幕| 朋友的丰满人妻hd中文| 啊啊国产大鸡巴搞逼网站| 美女,好骚啊,视频大黄| 青吴乐在线播放| 色丁狠狠桃花久久综合网| 日本丰满大乳无码免费看| 国产精一区二区三区午夜| 中文字幕精品一区久久久| 亚洲精品中文字幕电影院| 中文字幕99页| 伸进同桌奶罩里摸她胸作文| jibacaobiav| 久久精品国产免费一男女| 无人区在线影院免费高清| 自由业余老熟妇|