欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

標(biāo)記語(yǔ)言——標(biāo)題

互聯(lián)網(wǎng)   發(fā)布時(shí)間:2008-10-17 18:55:27   作者:佚名   我要評(píng)論
點(diǎn)擊這里返回網(wǎng)頁(yè)教學(xué)網(wǎng) HTML教程 欄目. 上文:Chapter1 清單 原文出處 標(biāo)準(zhǔn)化設(shè)計(jì)解決方案 - 標(biāo)記語(yǔ)言和樣式手冊(cè) Web Standards Solutions The Markup and Style Handbook Part 1: Get Down With Markup 從標(biāo)記語(yǔ)法談起 Chapter2 標(biāo)題 總覽: 不但
點(diǎn)擊這里返回腳本之家 HTML教程 欄目.
上文:Chapter1 清單
原文出處
標(biāo)準(zhǔn)化設(shè)計(jì)解決方案 - 標(biāo)記語(yǔ)言和樣式手冊(cè)
Web Standards Solutions The Markup and Style Handbook

Part 1: Get Down With Markup 從標(biāo)記語(yǔ)法談起
Chapter2 標(biāo)題
總覽:
不但所有網(wǎng)頁(yè)都需要有標(biāo)題,而且如果標(biāo)記正確的話,他們能為網(wǎng)頁(yè)設(shè)計(jì)和易用性增色不少.
從外觀來(lái)說(shuō),網(wǎng)頁(yè)的標(biāo)題通常是使用較大的字號(hào),或許會(huì)用和主體文字不同的顏色或者字體.標(biāo)題的作用是"簡(jiǎn)要的描述往后章節(jié)所討論的主題",W3C這樣描述 — 顯示網(wǎng)頁(yè)內(nèi)各個(gè)段落的概要.
怎樣來(lái)創(chuàng)建一個(gè)頁(yè)面標(biāo)題來(lái)使得我們要展現(xiàn)的信息得到最有效的利用?在這個(gè)章節(jié)中,我們將研究幾種常用的處理標(biāo)題的方法,試著從中找出其中一種對(duì)我們最有幫助的方式,然后,我們將使用一些css的技巧和竅門(mén)來(lái)為最棒的方法裝飾一番.
創(chuàng)建文檔標(biāo)題的最好方法是什么?
在回答這個(gè)問(wèn)題之前,讓我們假設(shè)現(xiàn)在正要把標(biāo)題放置在文檔的頁(yè)首,我們來(lái)看看能夠達(dá)成類(lèi)似效果的三種方式.
方法A:有意義嗎?
<span class="heading">Super Cool Page Title</span>
雖然<span>標(biāo)簽在某些場(chǎng)合會(huì)是個(gè)方便的標(biāo)簽,但是對(duì)于頁(yè)面標(biāo)題來(lái)說(shuō),它的意義并不大,使用這個(gè)方法的唯一好處是我們可以為 heading 類(lèi)指定一個(gè)css樣式,以便讓文字看起來(lái)像是個(gè)標(biāo)題.
.heading {
font-size: 24px;
font-weight: bold;
color: blue;
}

現(xiàn)在,所有標(biāo)記了heading類(lèi)的標(biāo)題都會(huì)變大,變粗,變藍(lán),很棒對(duì)吧?但是,如果有人使用一個(gè)不支持css的瀏覽器訪問(wèn)這個(gè)頁(yè)面會(huì)怎么樣呢?
舉例來(lái)說(shuō),如果我們把css樣式放在舊瀏覽器不支持的外部樣式表文件里 — 或者屏幕閱讀器為有障礙的用戶(hù)朗讀頁(yè)面時(shí)會(huì)怎么樣呢?通過(guò)這些途徑訪問(wèn)這個(gè)頁(yè)面的使用者將看不到(聽(tīng)不到)標(biāo)題和正文文字的差異.
class="heading"這樣的標(biāo)注方法稍~~微的描述了標(biāo)簽內(nèi)容的意義,但是<span>只是個(gè)一般用途的容器,只是讓大部分瀏覽器改變默認(rèn)顯示樣式而已.
搜索引擎在抓取到這個(gè)頁(yè)面時(shí),會(huì)跳過(guò)<span>標(biāo)簽就像它不曾在那邊一樣,不會(huì)為里面可能包含的關(guān)鍵字提升權(quán)重,稍后在本章節(jié)內(nèi)會(huì)提到更多搜索引擎和頁(yè)面標(biāo)題的關(guān)系.
最后,由于<span>標(biāo)簽是一個(gè)行內(nèi)元素,我們大多需要把方法A的內(nèi)容在放置到另一個(gè)塊級(jí)容器中,比方說(shuō)<p>或者<div>,以便讓它獨(dú)占一行.這樣會(huì)生成許多不必要的代碼,就算你加上需要的容器,不支持css的瀏覽器仍然會(huì)以他本來(lái)的方式顯示文字,讓用戶(hù)看不出標(biāo)題和正文的任何區(qū)別.

相關(guān)文章

  • HTML 表格詳解(簡(jiǎn)單易懂較詳細(xì))

    HTML表格用于在網(wǎng)頁(yè)上展示數(shù)據(jù),通過(guò)標(biāo)簽及其相關(guān)標(biāo)簽來(lái)創(chuàng)建,表格由行和列組成,每一行包含一個(gè)或多個(gè)單元格,單元格可以包含文本、圖像、鏈接等元素,本文將詳細(xì)介紹HTML表格
    2025-03-12
  • 禁止HTML頁(yè)面滾動(dòng)的操作方法

    本文介紹了三種禁止HTML頁(yè)面滾動(dòng)的方法:通過(guò)CSS的overflow屬性、使用JavaScript的滾動(dòng)事件監(jiān)聽(tīng)器以及使用CSS的position:fixed屬性,每種方法都有其適用場(chǎng)景和優(yōu)缺點(diǎn),感興
    2025-02-24
  • 使用HTML和CSS實(shí)現(xiàn)文字鏤空效果的代碼示例

    在 Web 開(kāi)發(fā)中,文本的視覺(jué)效果是提升用戶(hù)體驗(yàn)的重要因素之一,通過(guò) CSS 技巧,我們可以創(chuàng)造出許多獨(dú)特的效果,例如文字鏤空效果,本文將帶你一步一步實(shí)現(xiàn)一個(gè)簡(jiǎn)單的文字鏤空
    2024-11-17
  • Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼

    在Html中,a標(biāo)簽?zāi)J(rèn)的超鏈接樣式是藍(lán)色字體配下劃線,這可能不滿(mǎn)足所有設(shè)計(jì)需求,如需去除這些默認(rèn)樣式,可以通過(guò)CSS來(lái)實(shí)現(xiàn),本文給大家介紹Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼
    2024-09-25
  • HTML文本域如何設(shè)置為禁止用戶(hù)手動(dòng)拖動(dòng)

    在HTML中,可以通過(guò)設(shè)置CSS的resize屬性為none,來(lái)禁止用戶(hù)手動(dòng)拖動(dòng)文本域(textarea)的大小,這種方法簡(jiǎn)單有效,適用于大多數(shù)現(xiàn)代瀏覽器,但需要在老舊瀏覽器中進(jìn)行測(cè)試以確保
    2024-09-25
  • 如何通過(guò)HTML/CSS 實(shí)現(xiàn)各類(lèi)進(jìn)度條的功能

    本文詳細(xì)介紹了如何利用HTML和CSS實(shí)現(xiàn)多種風(fēng)格的進(jìn)度條,包括基礎(chǔ)的水平進(jìn)度條、環(huán)形進(jìn)度條以及球形進(jìn)度條等,還探討了如何通過(guò)動(dòng)畫(huà)增強(qiáng)視覺(jué)效果,內(nèi)容涵蓋了使用HTML原生標(biāo)簽
    2024-09-19
  • HTML中Canvas關(guān)鍵知識(shí)點(diǎn)總結(jié)

    Canvas 提供了一套強(qiáng)大的 2D 繪圖 API,適用于各種圖形繪制、圖像處理和動(dòng)畫(huà)制作,可以幫助你創(chuàng)建復(fù)雜且高效的網(wǎng)頁(yè)圖形應(yīng)用,這篇文章主要介紹了HTML中Canvas關(guān)鍵知識(shí)點(diǎn)總結(jié)
    2024-06-03
  • html table+css實(shí)現(xiàn)可編輯表格的示例代碼

    本文主要介紹了html table+css實(shí)現(xiàn)可編輯表格的示例代碼,主要使用HTML5的contenteditable屬性,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)
    2024-03-06
  • HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果

    本文主要介紹了HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)
    2024-02-22
  • HTML+CSS實(shí)現(xiàn)炫酷登錄切換的項(xiàng)目實(shí)踐

    在網(wǎng)站開(kāi)發(fā)中,登錄頁(yè)面是必不可少的一部分,本文就來(lái)介紹一下HTML+CSS實(shí)現(xiàn)登錄切換,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需
    2024-02-02

最新評(píng)論