99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

網(wǎng)頁(yè)制作中注意應(yīng)用HTML標(biāo)簽的問(wèn)題

網(wǎng)頁(yè)教學(xué)網(wǎng) 2007/12/26 20:09:18 admin 字體: 瀏覽 6579

HTML已經(jīng)嘗試去除表現(xiàn)和朝向內(nèi)容發(fā)展,導(dǎo)致這樣一個(gè)基本原理:從表現(xiàn)(CSS)中分離出內(nèi)容意義(HTML)。這將會(huì)給網(wǎng)頁(yè)減肥,因?yàn)橐粋€(gè)表現(xiàn)指令集合(以外部CSS文檔的形式)可以應(yīng)用到多個(gè)頁(yè)面。這也會(huì)使網(wǎng)站更易于治理因?yàn)槿肿儎?dòng)可以從修改一個(gè)單獨(dú)的文件得到。

部分不良標(biāo)簽基本上是表現(xiàn)標(biāo)簽(比如small),它們可以用更有意義和更簡(jiǎn)單的CSS規(guī)則取代。其他的不僅用于表現(xiàn),而且還是不必要的龐大(比如font標(biāo)簽)或者對(duì)可用性有害的可惡的(比如blink)。

標(biāo)簽

下面這些是你可能會(huì)經(jīng)常碰到的可以有更好選擇的標(biāo)簽:

  • b 可以用來(lái)產(chǎn)生粗體元素。使用strong(意味著強(qiáng)烈強(qiáng)調(diào))代替更有意義,或者用CSS來(lái)完成這項(xiàng)工作,增加font-weight: bold的規(guī)則,用來(lái)表明粗體元素。
  • i可以用來(lái)產(chǎn)生斜體元素。使用em(表示強(qiáng)調(diào)),這也更有意義。或者可以用CSS來(lái)表現(xiàn)斜體:font-style: italic
  • big可以產(chǎn)生更大字體。使用標(biāo)題(如h1h2等,當(dāng)文本本來(lái)就是一個(gè)標(biāo)題時(shí))代替,增加了意義,或簡(jiǎn)單地在CSS中使用font-size屬性,獲取更多的控制權(quán)。
  • small 可以產(chǎn)生小字體。CSS(font-size)再一次取得更多的控制權(quán)。
  • hr 可用用來(lái)展現(xiàn)一條水平線。在CSS中用hr設(shè)計(jì)很少見,CSS的border-topborder-bottom屬性或者樸素的圖像做這個(gè)效果會(huì)更好。

上述的標(biāo)簽與最新的HTML標(biāo)準(zhǔn)盡管都兼容,但對(duì)內(nèi)容卻沒(méi)有任何好標(biāo)簽應(yīng)有的意義。They could be more useful but they aren't particularly harmful, and might easily be mistaken for innocent butter-wouldn't-melt-in-their-mouth nuggets of pure goodness when standing next to the following filthy tags.

  • u可以為元素產(chǎn)生下劃線。它提醒著下劃線文本還很多連接關(guān)聯(lián)。這就是這個(gè)標(biāo)簽死了很久的原因——你不必給非連接文本下劃線。
  • center可以用來(lái)居中在元素內(nèi)部的元素。CSS屬性text-align答應(yīng)不僅僅是center,還有leftrightjustify
  • menu用來(lái)創(chuàng)建菜單列表。它并沒(méi)有ul做的完美,在因?yàn)闊o(wú)序列表更通用,ul高高地站在menu的尸體上。
  • layerdiv元素相似,都由CSS絕頂位置。這僅僅能在老版本的Netscape中工作,所以再也沒(méi)有什么用。
  • blink或者marquee。大聲說(shuō)不!它們應(yīng)該像本身意義一樣被期待,但有著十分有限的支持,和,只會(huì)產(chǎn)生非常,非常惡心的笑話。
  • font,可以用來(lái)定義元素的字體名稱,尺寸和顏色,在標(biāo)簽世界中理所當(dāng)然地獲得了臭名昭著標(biāo)簽之王榮譽(yù)稱號(hào)。舊的網(wǎng)站(甚至新的也有)像滿世界的瘟疫之蟻一樣布滿整個(gè)頁(yè)面。大部分的font標(biāo)簽激增是從網(wǎng)頁(yè)制作軟件帶來(lái)的,把font標(biāo)簽包括顏色和尺寸用在每一個(gè)元素。font標(biāo)簽被濫用到出現(xiàn)在當(dāng)前的每一個(gè)重復(fù)元素的(如,每次你使用p元素),而CSS,則可以用一條簡(jiǎn)短的代碼來(lái)應(yīng)用重復(fù)元素,甚至控制整個(gè)網(wǎng)站。使用CSS方法,不僅可以使頁(yè)面比被大量font標(biāo)簽寄生的更苗條,而且更輕易維護(hù)因?yàn)槟闼枰龅弥皇歉淖僀SS文件中的一行,而不是逐一修改每一個(gè)font標(biāo)簽。這也增加了維護(hù)一個(gè)一直保持設(shè)計(jì)風(fēng)格一致的網(wǎng)站的可能性。font標(biāo)簽和不恰當(dāng)?shù)谋砀袷褂檬莾蓚€(gè)產(chǎn)生網(wǎng)頁(yè)不必要臃腫的主要原因。

屬性

可能你認(rèn)為你正在使用良好的標(biāo)簽,但還是有一些麻煩的寄生蟲屬性潛伏,它們隨時(shí)會(huì)冒出來(lái)。

  • name用來(lái)為一個(gè)元素指定一個(gè)名字,它在如input的表單元素中完全被接受,但在其它地方,name的工作已經(jīng)被id屬性取代。
  • textbgcolor可以在body起始標(biāo)簽中定義頁(yè)面的基本文本顏色和背景顏色。CSS的colorbackground-color屬性在應(yīng)用到body選擇符時(shí)也可以做到。
  • background可以在body標(biāo)簽中指定一個(gè)背景圖畫。CSS會(huì)做得更好,用如background-image的屬性來(lái)處理背景圖片。
  • linkalinkvlinkbody標(biāo)簽中用來(lái)指定連接(未訪問(wèn),激活和已訪問(wèn))。CSS寶貝── :link:active:visited會(huì)做這項(xiàng)工作。
  • align可以用來(lái)對(duì)齊某個(gè)元素的內(nèi)容(比如 <div align="center">Stuff</div>),但是,像center標(biāo)簽,CSS的text-align屬性是新的老板。
  • target可以用不同的方式打開一個(gè)連接,最常用的是打開新窗口(比如<a href="wherever.html" target="_blank">Help me</a>)。看起來(lái)不錯(cuò),但你不要對(duì)你的網(wǎng)站這樣做。用戶并不預(yù)期不可思議的東西(比如新窗口)出現(xiàn),而且最常用的瀏覽工具是瀏覽器的后退按鈕,假如你打開新窗口,這將不可用。它是非法和不易用的。

注重

保留標(biāo)簽的表現(xiàn)屬性如圖像的widthheight,表格的cellpaddingcellspacing,是由于這些元素經(jīng)常使用不同的值。這不是完美的解決方案,但假如你的網(wǎng)頁(yè)有大量的圖像和表格,你沒(méi)有其他的明智選擇,只好使用它們。

最讓人難以理解的表現(xiàn)屬性是textarea標(biāo)簽,它僅有colsrows兩個(gè)合法屬性,在最新的HTML版本中也是必須的。

良好標(biāo)簽,不良使用

要進(jìn)入你的臥室你可以彎腰通過(guò)一個(gè)狗洞,但等等,還有一扇有把手的為人類預(yù)備的門!哇,看——?jiǎng)偤眠m合一個(gè)進(jìn)入。

使用HTML標(biāo)簽(好標(biāo)簽),無(wú)論相信與否(相信它!),有一個(gè)很好的的理由:你使用它們有一個(gè)好前提,你就會(huì)有一個(gè)更好的結(jié)果。

網(wǎng)頁(yè)本身對(duì)用戶來(lái)說(shuō),比起HTML標(biāo)簽語(yǔ)法語(yǔ)義更易用,屏幕閱讀器常會(huì)在碰到一個(gè)ul標(biāo)簽或者有著h1h2的標(biāo)題標(biāo)簽時(shí)強(qiáng)調(diào)突出它們。

在HTML標(biāo)簽世界中最被濫用的就是表格了。表格經(jīng)常用來(lái)布局,但表格應(yīng)該僅僅只用來(lái)展示表格式數(shù)據(jù),就如它們本身的設(shè)計(jì)意圖。不用表格的布局方法不是追求開悟的某種禪,它不僅可以顯著地為網(wǎng)頁(yè)減肥,而且更易于維護(hù)和重新設(shè)計(jì)。

注重

有時(shí)侯設(shè)計(jì)者還會(huì)用在這里提到的這些標(biāo)簽和屬性(非凡是用表格來(lái)布局)來(lái)做過(guò)渡型的設(shè)計(jì)──既可以工作在老版本的瀏覽器上(尤其是Netscape4),也可以工作在現(xiàn)代瀏覽器上。表格確實(shí)可以在CSS不稱職的Netscape4上有更強(qiáng)的表現(xiàn)控制。很不幸,這些用戶很少而且越來(lái)越少了,而展現(xiàn)表格布局的缺點(diǎn)一覽無(wú)遺的移動(dòng)設(shè)備用戶越來(lái)越多。上述的無(wú)表格設(shè)計(jì)可以預(yù)防這些缺點(diǎn),盡管對(duì)一小部分的用戶有些許的表現(xiàn)改變,但還能在所有的瀏覽其中保持著完全的功能。

框架

Goldilocks認(rèn)為喝上一杯麥片粥是一個(gè)不錯(cuò)的注重,但三個(gè)碩大的肉食哺乳動(dòng)物忽然出現(xiàn),把她丟出窗戶。框架就是裝麥片粥的杯子。它們看起來(lái)似乎不錯(cuò),但已經(jīng)到了瀕危階段而且很快就會(huì)消失。

大部分的網(wǎng)站并不是用框架,而一般用戶也會(huì)把一個(gè)文檔當(dāng)作一頁(yè)。

有些情況,如你要防止用戶不能把特定的網(wǎng)頁(yè)添加到書簽,又如你希望用戶用Email或即時(shí)聊天軟件推薦特定的網(wǎng)頁(yè),又或你想把整個(gè)網(wǎng)站變得十分復(fù)雜,讓使用屏幕閱讀器的用戶在框架之間頻繁操作,還或者你想迷惑搜索引擎,夠了夠了,你使用框架吧!

總之,框架只會(huì)增加復(fù)雜性喪失可用性

注重

只要你遵循下列規(guī)則,你不會(huì)在犯錯(cuò)上有前途:

1)一個(gè)標(biāo)簽或者屬性就算只有一點(diǎn)點(diǎn)的跟表現(xiàn)搭上,都不要使用。那是CSS的事。并且CSS做得更好。

2)把標(biāo)簽使用在如它的名字所暗示的用途上。表格標(biāo)簽是用在表格式數(shù)據(jù)上的。標(biāo)題標(biāo)簽是用在標(biāo)題上的。等等等等。

3)特定的內(nèi)容用恰當(dāng)的標(biāo)簽。列表用list,標(biāo)題用hx(x = 1 - 7)等等等等。

延伸閱讀

  • HTML高級(jí)指南的標(biāo)準(zhǔn)要點(diǎn):戒掉壞習(xí)慣和轉(zhuǎn)向標(biāo)準(zhǔn)──兼容XHMTL
相關(guān)閱讀
讓asp立即輸出緩存(Response.flush),實(shí)時(shí)顯示進(jìn)度
北京陽(yáng)光無(wú)限貿(mào)易有限公司
div+css標(biāo)準(zhǔn)化在新窗口打開鏈接
新疆旅游在線
七個(gè)受用一生的心理寓言
連云港旅游網(wǎng)
在table中tr的display:block在firefox下顯示布局錯(cuò)亂問(wèn)題
深山留言板(9.10教師節(jié)模板)
共有0條關(guān)于《網(wǎng)頁(yè)制作中注意應(yīng)用HTML標(biāo)簽的問(wèn)題》的評(píng)論
發(fā)表評(píng)論
正在加載評(píng)論......
返回頂部發(fā)表評(píng)論
呢 稱:
表 情:
內(nèi) 容:
評(píng)論內(nèi)容:不能超過(guò) 1000 字,需審核,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼: 驗(yàn)證碼 
網(wǎng)友評(píng)論聲明,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號(hào)開發(fā)
uni-app
asp函數(shù)庫(kù)
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設(shè)置或獲取修改classname
利用css3.0寫出一個(gè)音樂(lè)播放的唱片碟盤的效果
利用css中的scale()實(shí)現(xiàn)放大縮小效果
利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數(shù)字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動(dòng)端自動(dòng)化測(cè)試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來(lái)做投票
火狐Mozilla Firefox出現(xiàn):無(wú)法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無(wú)法訪問(wèn) 問(wèn)題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過(guò)代碼修改pip下載源讓下載庫(kù)飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機(jī)抽取信息
旅行社企業(yè)單位團(tuán)隊(duì)游主題定制
asp統(tǒng)計(jì)信息/文章每日、每周、每月、總訪問(wèn)量的方法
諸城市龍馬假日旅行社
另外的一種可以計(jì)算的倒計(jì)時(shí)效果
總結(jié)一些DIV+CSS制作網(wǎng)頁(yè)時(shí)容易犯的錯(cuò)誤
aliyun阿里云續(xù)費(fèi)域名優(yōu)惠口令(注冊(cè)、續(xù)費(fèi)都可以使用)
99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区
  • <li id="6qmi0"></li>
  • <li id="6qmi0"><source id="6qmi0"></source></li>
    伊人久久大香线蕉综合热线| 欧美xxxx黑人又粗又长精品| 中文字幕一区二区三区精彩视频| 国产精品一区在线播放| 亚洲精品在线免费| 欧美aⅴ99久久黑人专区| 日本一区视频在线播放| 国产在线欧美日韩| 久久在线精品| 蜜桃久久av| 国产偷久久久精品专区| 在线视频观看日韩| 狠狠爱成人网| 欧美激情亚洲| 影音欧美亚洲| 中文视频一区视频二区视频三区| 欧美午夜免费| 欧美乱偷一区二区三区在线| 久久久人人爽| 蜜桃网站成人| 日本亚洲导航| 日韩欧美三级一区二区| 日本最新一区二区三区视频观看| 久久精品日产第一区二区三区精品版 | 国产自产精品| 欧美色综合网| 亚洲麻豆视频| 国产精品美女久久久| 国产亚洲网站| 久久高清国产| 国产精品国色综合久久| 国产精品一区二区三区免费 | 亚洲成人午夜在线| 日韩精品大片| 欧美日韩三级| 99热在线精品观看| 久久精品123| 精品欧美日韩在线| 日韩和欧美的一区二区| 欧美精品免费观看二区| 日韩午夜在线电影| 免费h精品视频在线播放| 成人片在线免费看| 青娱乐国产91| 欧美日韩大片一区二区三区 | 91免费看网站| 欧美一区二区高清在线观看| 欧美精品不卡| 亚洲女同同性videoxma| 国产精品三区四区| 亚洲人体一区| 国产欧美一区二区三区另类精品| 蜜桃视频一区| 日韩电影免费观看在| 欧美网站在线| 91丨九色丨国产| 视频二区一区| 日韩香蕉视频| 久久艳妇乳肉豪妇荡乳av| 女人香蕉久久**毛片精品| 夜夜嗨网站十八久久| 国产精品日韩一区二区免费视频| 欧美+日本+国产+在线a∨观看| 亚洲精品女人| 久久亚洲高清| 一区二区三区导航| 美国av一区二区三区| 亚洲国产精品123| 国产手机精品在线| 亚洲午夜高清视频| 久久99蜜桃综合影院免费观看| 国产在线日韩| 久久五月天婷婷| 亚洲精品一品区二品区三品区| 国外成人在线视频网站| 韩日精品在线| 欧美日韩国产精品一区二区| 国产精品三上| 中文字幕欧美日韩一区二区| 成人免费在线看片| 亚洲成色精品| 午夜精品亚洲一区二区三区嫩草| 久久久久久久欧美精品| 欧美日韩一区二区三| 精品视频免费观看| 国产精品久久久亚洲一区| 亚洲视频在线观看日本a| 国产乱码精品一区二区三区中文 | 中文字幕一区二区三区四区五区| 成人免费视频网站| 国产日韩综合| 亚洲欧美亚洲| 青青影院一区二区三区四区| 麻豆精品91| 亚洲免费不卡| 国产精品国产一区二区| 欧美日韩综合另类| 国产伦精品一区二区三区视频黑人 | 欧美午夜国产| 日韩jizzz| 精品一区二区国产| 国产成人免费观看| 久久综合久久综合这里只有精品| 亚洲精品裸体| 亚洲日韩视频| 国产一区再线| 欧美视频亚洲视频| 午夜精品国产| 中文字幕在线亚洲精品| 亚洲国产精品毛片| 亚洲欧美精品在线观看| 欧美精品久久久| 精品在线视频一区二区| 韩国成人av| 久久66热这里只有精品| 精品免费一区二区三区蜜桃| 国产私拍一区| 久久精品ww人人做人人爽| 国产精品一区二区在线观看 | 老司机午夜免费精品视频| 国产精品入口| 久久亚洲色图| 99久久自偷自偷国产精品不卡| 久久天堂成人| 国产伦理久久久| 精品日韩电影| 欧美一区亚洲二区| 深夜福利成人| 欧美日韩高清在线一区| 欧美先锋影音| 国产一区二区精品| 97视频中文字幕| 久久久影院一区二区三区| 欧美精品二区三区四区免费看视频 | 日韩欧美在线电影| 欧美在线播放一区| 日韩一级精品| 2020国产精品久久精品不卡| 国产精品自拍首页| 欧美一区二区福利| 欧美日韩国产一区精品一区| 一区在线视频观看| 91在线看网站| 欧美日韩三区四区| 国产精品a级| 欧美日韩国产成人精品| 国产欧美日韩亚洲一区二区三区| 麻豆精品网站| 蜜桃av噜噜一区二区三区| 在线视频一区观看| 国产亚洲在线观看| 国产一区在线观| 伊人久久99| 免费久久99精品国产自在现线| 精品福利影视| 欧美在线亚洲| 久久亚洲不卡| 深田咏美在线x99av| 99视频在线精品国自产拍免费观看| 国产91亚洲精品一区二区三区| 日韩精品欧美专区| 国产欧美在线| 欧美极品色图| 99精品国产一区二区青青牛奶| 国产美女在线精品免费观看| 午夜国产一区| 高清视频在线观看一区| 欧美片第1页综合| 999在线观看免费大全电视剧| 亚洲精品日韩在线观看| 欧美亚洲一级| 亚洲午夜精品一区二区三区| 久久久久一区| 午夜久久影院| 久久99精品久久久久子伦 | 午夜精品视频在线观看一区二区| 久久久福利视频| 欧美精品二区| 九色一区二区| 亚洲欧美不卡| 欧美 日韩 国产 一区| 国产精品一区二区欧美黑人喷潮水| 欧美人与禽猛交乱配视频| 国产精品久久一区二区三区| 亚洲精品美女久久7777777| 欧美日韩精品免费观看| 久久久久久久久一区二区| 欧美日韩免费观看一区| 欧美人与性禽动交精品| 91黄在线观看| 亚洲免费不卡| 欧美日韩一区在线观看视频| 欧美日韩亚洲免费| 国产精华一区二区三区| 国产精品久久久免费| 激情久久中文字幕| 天堂精品一区二区三区| 精品亚洲欧美日韩| 久久一区二区三区四区五区| 一区二区三区福利|