HTML使用的十宗罪

2021-08-30 07:50:05 字數 1540 閱讀 6272

[b]第一宗罪:內聯元素巢狀塊元素[/b]

[img]

不要用內聯元素巢狀塊元素

html 有兩種顯示方式:塊(block)、內聯(inline)。每個標籤預設顯示其中的乙個。

塊元素包括, 等結構性標籤。而內聯元素應該包含在塊元素裡面並且連線文件流,例如錨點和。所以,內聯元素應該始終位於塊元素之中,而不存在其他方式。

[b]第二宗罪:沒有 alt 屬性[/b]

[img]

沒有 alt 屬性

網頁中的影象必須包括 alt 屬性,它可以讓使用者知道這是乙個什麼。當使用者使用的是螢幕閱讀器或者網速慢的時候會顯示出來。alt 屬性應該是對的描述,因此 alt=」」不是乙個好習慣。如果純粹是裝飾性的,只需要加上乙個空白的值即可:alt=」」。

[b]第三宗罪:必要的時候不使用列表[/b]

[img]

必要的時候不使用列表

ul (還有ol)用途很廣並且在顯示網頁專案上非常靈活。毫無疑問,ul在顯示列表上做的非常出色。所以,不要再用換行來代替列表了。

[b]第四宗罪:使用和表示粗體和斜體[/b]

[img]

使用和表示粗體和斜體

和分別顯示粗體和斜體,但在語義上它們屬於表現標籤。因此用 css 的font-weight 和font-style 代替會更好。如果要顯示的文字很重要,則可以通過或 來進行強調。其效果和、一樣。但更棒。

即 bold ,粗體的意思。故只是表示加粗而已。而則表示加強,有強調的意思,只是預設的表現方式跟一樣而已。

[b]第五宗罪:過多地使用換行符[/b]

[img]

過多地使用換行符

換行符

只能用於截斷文件流另起新行,而不應該用於產生元素之間的間距。替代方法是用 標籤進行分割,然後用 css 的margin 屬性來控制。

[b]第六宗罪:使用錯誤的刪除線標籤[/b]

[img]

使用錯誤的刪除線標籤

以前,和 用來包含允許編輯的網頁文字。但是現在它們被列入不推薦使用的標籤之列。這意味著它們在 transitional 模式下依然能正常工作。不過現在又一組新的標籤 和 。它們通常一起使用,表示被刪除和隨後插入的文字。

[b]第七宗罪:使用行內樣式[/b]

[img]

使用行內樣式

使用行內樣式很糟糕,這你可能已經聽過上千次了。html 和 css 的意義就在於將結構和表現分離。沒有理由將樣式寫在 html 裡面。請記住,永遠保持你的樣式在外部樣式表中。

[b]第八宗罪:在html中新增或刪除邊框[/b]

[img]

在html中新增或刪除邊框

border 屬性是另外乙個表現元素,所以應該用css來定義它。即便是去掉乙個預設的邊框。

[b]第九宗罪:不使用標題標籤[/b]

[img]

不使用標題標籤

[b]第十宗罪:使用 和 標籤[/b]

[img]

使用 和 標籤

和 不是w3c官方的 html 標準所贊同的。而且純粹就是一種醜陋。

注意,我敢肯定你能夠找出一堆方法讓注意力轉移到某個區域,而不是通過不停閃爍或者滾動網頁。

網遊企業圈錢十宗罪

網遊企業圈錢十宗罪 12月6日,在北京舉辦的第四屆中國青少年網路發展論壇上,十多位 骨灰級 遊戲玩家向社會發出了一封公開信,他們以自己十年左右沉迷網路遊戲的慘痛經歷,告訴人們 不良網路遊戲企業正在危害社會,不良網路遊戲正在折磨 毒害上千萬青少年。廣州冠岳網路科技公司總經理明宗峰和這些玩家一起向記者講...

十宗罪 第1節

人不能兩次踏入同一條河流,因為無論是這條河還是這個人都已經不同 赫拉克利特 2007年1月19日,下雪了。東北三省遭遇幾十年不遇的大雪,天空中落下的雪花如同撕碎的紙片那麼大。一所大學的保潔女工拂曉時分起來掃雪,看到女生宿舍樓下多了乙個雪人,保潔員以為這雪人是學生們堆的,也不以為異。等到天色大亮以後,...

十宗罪第1節

第一章特案小組 此案為建國以來極其罕見的特大 案件,曾在很長一段時間裡塵封檔案,官方和 皆保持沉默,現在來講述一下此案偵破的整個過程。案發當晚,當地 將肢體雪人案匯報給中國最高公安部門,公安部將此案上公升為 一號特殊大案 副部長白景玉親自召開案情發布會,會議決定成立特案組,從全國公安系統180萬警察...