隔壁人妻偷人bd中字_特黄特黄一级片_国产午夜大地久久_污色网站在线观看_a天堂资源在线观看_精品日韩久久久_欧美日韩福利在线_欧美日韩一区二区在线免费观看_欧美大尺度做爰床戏_国产情侣av自拍

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

網頁制作中注意應用HTML標簽的問題

網頁教學網 2007/12/26 20:09:18 admin 字體: 瀏覽 6607

HTML已經嘗試去除表現和朝向內容發展,導致這樣一個基本原理:從表現(CSS)中分離出內容意義(HTML)。這將會給網頁減肥,因為一個表現指令集合(以外部CSS文檔的形式)可以應用到多個頁面。這也會使網站更易于治理因為全局變動可以從修改一個單獨的文件得到。

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

標簽

下面這些是你可能會經常碰到的可以有更好選擇的標簽:

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

上述的標簽與最新的HTML標準盡管都兼容,但對內容卻沒有任何好標簽應有的意義。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可以為元素產生下劃線。它提醒著下劃線文本還很多連接關聯。這就是這個標簽死了很久的原因——你不必給非連接文本下劃線。
  • center可以用來居中在元素內部的元素。CSS屬性text-align答應不僅僅是center,還有leftrightjustify
  • menu用來創建菜單列表。它并沒有ul做的完美,在因為無序列表更通用,ul高高地站在menu的尸體上。
  • layerdiv元素相似,都由CSS絕頂位置。這僅僅能在老版本的Netscape中工作,所以再也沒有什么用。
  • blink或者marquee。大聲說不!它們應該像本身意義一樣被期待,但有著十分有限的支持,和,只會產生非常,非常惡心的笑話。
  • font,可以用來定義元素的字體名稱,尺寸和顏色,在標簽世界中理所當然地獲得了臭名昭著標簽之王榮譽稱號。舊的網站(甚至新的也有)像滿世界的瘟疫之蟻一樣布滿整個頁面。大部分的font標簽激增是從網頁制作軟件帶來的,把font標簽包括顏色和尺寸用在每一個元素。font標簽被濫用到出現在當前的每一個重復元素的(如,每次你使用p元素),而CSS,則可以用一條簡短的代碼來應用重復元素,甚至控制整個網站。使用CSS方法,不僅可以使頁面比被大量font標簽寄生的更苗條,而且更輕易維護因為你所需要做得只是改變CSS文件中的一行,而不是逐一修改每一個font標簽。這也增加了維護一個一直保持設計風格一致的網站的可能性。font標簽和不恰當的表格使用是兩個產生網頁不必要臃腫的主要原因。

屬性

可能你認為你正在使用良好的標簽,但還是有一些麻煩的寄生蟲屬性潛伏,它們隨時會冒出來。

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

注重

保留標簽的表現屬性如圖像的widthheight,表格的cellpaddingcellspacing,是由于這些元素經常使用不同的值。這不是完美的解決方案,但假如你的網頁有大量的圖像和表格,你沒有其他的明智選擇,只好使用它們。

最讓人難以理解的表現屬性是textarea標簽,它僅有colsrows兩個合法屬性,在最新的HTML版本中也是必須的。

良好標簽,不良使用

要進入你的臥室你可以彎腰通過一個狗洞,但等等,還有一扇有把手的為人類預備的門!哇,看——剛好適合一個進入。

使用HTML標簽(好標簽),無論相信與否(相信它!),有一個很好的的理由:你使用它們有一個好前提,你就會有一個更好的結果。

網頁本身對用戶來說,比起HTML標簽語法語義更易用,屏幕閱讀器常會在碰到一個ul標簽或者有著h1h2的標題標簽時強調突出它們。

在HTML標簽世界中最被濫用的就是表格了。表格經常用來布局,但表格應該僅僅只用來展示表格式數據,就如它們本身的設計意圖。不用表格的布局方法不是追求開悟的某種禪,它不僅可以顯著地為網頁減肥,而且更易于維護和重新設計。

注重

有時侯設計者還會用在這里提到的這些標簽和屬性(非凡是用表格來布局)來做過渡型的設計──既可以工作在老版本的瀏覽器上(尤其是Netscape4),也可以工作在現代瀏覽器上。表格確實可以在CSS不稱職的Netscape4上有更強的表現控制。很不幸,這些用戶很少而且越來越少了,而展現表格布局的缺點一覽無遺的移動設備用戶越來越多。上述的無表格設計可以預防這些缺點,盡管對一小部分的用戶有些許的表現改變,但還能在所有的瀏覽其中保持著完全的功能。

框架

Goldilocks認為喝上一杯麥片粥是一個不錯的注重,但三個碩大的肉食哺乳動物忽然出現,把她丟出窗戶。框架就是裝麥片粥的杯子。它們看起來似乎不錯,但已經到了瀕危階段而且很快就會消失。

大部分的網站并不是用框架,而一般用戶也會把一個文檔當作一頁。

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

總之,框架只會增加復雜性喪失可用性

注重

只要你遵循下列規則,你不會在犯錯上有前途:

1)一個標簽或者屬性就算只有一點點的跟表現搭上,都不要使用。那是CSS的事。并且CSS做得更好。

2)把標簽使用在如它的名字所暗示的用途上。表格標簽是用在表格式數據上的。標題標簽是用在標題上的。等等等等。

3)特定的內容用恰當的標簽。列表用list,標題用hx(x = 1 - 7)等等等等。

延伸閱讀

  • HTML高級指南的標準要點:戒掉壞習慣和轉向標準──兼容XHMTL
相關閱讀
北京順義阿來電腦科技有限公司電腦配件在線網店
深山旅行社網站管理系統 v1.5
貴豪旅行社
北京青年旅行社股份有限公司
連云港五洲旅行社有限公司
ASP把數字用逗號每3位隔開顯示代碼
如何讓百度、Google收錄你的站點
深山行者旅行社網站管理系統 v1.4
共有0條關于《網頁制作中注意應用HTML標簽的問題》的評論
發表評論
正在加載評論......
返回頂部發表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇
百度小程序開發
微信小程序開發
微信公眾號開發
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
javascript 表單(文本框)觸發鼠標事件大全
你們這個系統太專業,很復雜?
自適應高度textarea(文本框)
ASP操作access或sqlserver數據庫的函數庫
DIV+CSS奇怪問題之邊界(margin)疊加
仿百度知道寬度高度自適應的圓角邊框
隔壁人妻偷人bd中字_特黄特黄一级片_国产午夜大地久久_污色网站在线观看_a天堂资源在线观看_精品日韩久久久_欧美日韩福利在线_欧美日韩一区二区在线免费观看_欧美大尺度做爰床戏_国产情侣av自拍
亚洲丶国产丶欧美一区二区三区| av成人免费在线观看| 男男一级淫片免费播放| 日本乱人伦aⅴ精品| 国产精品久久久一本精品 | 久久电影网站中文字幕| 欧美大喷水吹潮合集在线观看| 在线观看视频91| 一区二区三区免费| 麻豆网站免费观看| 欧美日韩精品免费观看视频 | 成人一级黄色大片| 中文字幕av资源一区| 国产乱码精品一区二区三区忘忧草 | 欧美精品一卡二卡| 亚洲国产精品久久不卡毛片| 日批视频免费看| 欧美一区二区视频在线观看| 日韩成人av影视| 免费看污片的网站| 国产婷婷精品av在线| 国产成人福利片| 色哟哟在线观看一区二区三区| 中文字幕一区二| 无码国产精品一区二区高潮| 欧美久久久久久久久久| 欧美aa在线视频| 蜜桃久久精品成人无码av| 久久精品无码一区二区三区| 国产成人免费高清| 色婷婷国产精品综合在线观看| 亚洲综合一二区| 国产 中文 字幕 日韩 在线| 26uuu精品一区二区三区四区在线| 精品亚洲免费视频| 人妻人人澡人人添人人爽| 亚洲精品国产视频| 久久久国产精品无码| 26uuu久久综合| eeuss鲁一区二区三区| 欧美日韩在线三区| 麻豆精品视频在线| 四虎影院中文字幕| 亚洲一区在线视频观看| 亚洲一级中文字幕| 国产精品护士白丝一区av| wwwxxx色| 精品粉嫩aⅴ一区二区三区四区| 国产精品系列在线观看| 欧美亚日韩国产aⅴ精品中极品| 日本美女一区二区三区| 女同久久另类69精品国产| 一区二区三区av电影| 3d动漫精品啪啪一区二区下载| 国产情人综合久久777777| 91免费看`日韩一区二区| 日韩欧美在线一区二区三区| 国产成人8x视频一区二区 | 一区二区三区四区亚洲| 亚洲精品乱码久久久久久不卡| 日本一区二区免费在线| 风韵丰满熟妇啪啪区老熟熟女| 精品国产乱码久久久久久久久| fc2成人免费人成在线观看播放| 欧美一区二区在线视频| 国产91精品一区二区| 91精品国产综合久久婷婷香蕉 | 美女av免费看| 亚洲一区二区欧美日韩| 妖精视频在线观看免费 | 999精品免费视频| 国产精品青草久久| 国产精品无码一区二区三| 国产精品萝li| 久久精品老司机| 一区二区三区中文字幕在线观看| 欧美激情aaa| 亚洲国产另类av| 人人澡人人澡人人看| 青青草原综合久久大伊人精品| 色偷偷久久一区二区三区| 六月丁香综合在线视频| 欧美丝袜丝nylons| 成人小视频免费观看| 亚洲精品一区二区三区精华液| www.黄色网| 国产精品视频一二三区 | 久久久亚洲精品石原莉奈 | 911精品产国品一二三产区| 国产不卡视频在线观看| 欧美大胆一级视频| 亚洲欧洲国产视频| 中文字幕一区二区三区四区| 丁香花五月婷婷| 日韩高清一级片| 欧美网站大全在线观看| 成人avav影音| 日本一区二区免费在线观看视频| 国产 欧美 在线| 日韩av中文字幕一区二区| 欧美写真视频网站| 成人免费高清视频在线观看| 久久久久久久av麻豆果冻| 最新在线黄色网址| 日日嗨av一区二区三区四区| 欧美四级电影在线观看| 99久久国产综合精品麻豆| 国产精品丝袜一区| 国产在线综合视频| 麻豆一区二区99久久久久| 欧美一区二区三区在| 五月天丁香社区| 亚洲综合另类小说| 日本道精品一区二区三区| 成人黄色av网站在线| 国产精品久久久久影视| 日韩欧美国产成人精品免费| 国产一区91精品张津瑜| 久久久不卡网国产精品一区| 人人人妻人人澡人人爽欧美一区| 免费观看在线综合| 精品剧情在线观看| 波多野结衣a v在线| 免费精品视频在线| 亚洲精品在线观看视频| 老熟妇一区二区| 国产麻豆精品久久一二三| 久久精品亚洲国产奇米99| 国产小视频你懂的| 国产xxx精品视频大全| 国产精品美女久久福利网站| 777777国产7777777| 成人激情综合网站| 亚洲免费电影在线| 精品污污网站免费看| 免费观看一区二区三区| 亚洲第一电影网| 91精品啪在线观看国产60岁| 亚洲制服丝袜在线播放| 美国三级日本三级久久99| 久久久高清一区二区三区| 久久久久亚洲av片无码| 99精品视频免费在线观看| 一区二区三区日韩精品| 欧美日韩日日骚| 成人免费无码大片a毛片| 蜜桃免费网站一区二区三区| wwwwww.欧美系列| 黄色香蕉视频在线观看| 91在线观看高清| 亚洲高清免费在线| 欧美mv日韩mv国产网站app| 日韩视频在线观看免费视频| 国产v日产∨综合v精品视频| 亚洲精品老司机| 日韩欧美激情在线| gv天堂gv无码男同在线观看| 成人午夜在线视频| 亚洲第一狼人社区| 久久影院午夜片一区| 国产成人自拍网站| 国产综合内射日韩久| 久久精品国产精品亚洲红杏| 国产精品国产三级国产aⅴ无密码| 在线观看亚洲a| 久久精品国产亚洲AV熟女| 国产激情一区二区三区| 一区二区三区在线不卡| 日韩欧美激情一区| 少妇aaaaa| 国产精品无码网站| 国产成人午夜99999| 亚洲一区二区三区自拍| 精品国产露脸精彩对白| 一本一道久久a久久精品综合蜜臀 一本一道综合狠狠老 | aaaaaav| 国产1区2区3区精品美女| 亚洲成人精品影院| 国产午夜精品一区二区| 欧美丝袜自拍制服另类| 一级黄色片网址| 亚洲熟女一区二区三区| 国产自产2019最新不卡| 一区二区三区日本| 久久久精品免费免费| 欧美四级电影网| 黄色裸体一级片| 女性生殖扒开酷刑vk| 国产二区国产一区在线观看| 亚洲丰满少妇videoshd| 久久精品水蜜桃av综合天堂| 欧美理论电影在线| 91高清免费看| 国精产品一区一区三区免费视频 | 精品国产污网站| 在线观看国产日韩| 中文字幕精品亚洲| 手机在线看片日韩| 91美女精品福利| 国产成人综合在线|