網頁制作中HTML元素的應用

　　HTML已經(jīng)經(jīng)測驗考試去除了浮現以及朝向(xiàng)内容成(chéng)長(cháng)，緻使如許一個根本原理：從浮現（CSS）中分手出内容意義（HTML）。這(zhè)將(jiāng)會(huì)給網頁減肥，由于一個浮現指令糾合（之外部CSS文檔的情勢）可以運用到多個頁面(miàn)。這(zhè)也會(huì)使網站更容易于經(jīng)管由于全局變更可以從修改一個零丁的文件獲得。 

　　部門不良标簽根本上是浮現标簽（好(hǎo)比small），它們可以用更有意義以及更簡略的CSS劃定規矩代替。其他的不僅用于浮現，并且仍是沒(méi)必要要的巨大（好(hǎo)比font标簽）或者者對(duì)可用性有害的可惡的（好(hǎo)比blink）。

标簽

　　下面(miàn)這(zhè)些是你可能(néng)會(huì)常常碰著(zhe)的可以有更好(hǎo)選擇的标簽： b 可以用來發(fā)生粗體元素。使用strong（象征著(zhe)猛烈誇大）取代更有意義，或者者用CSS來完成(chéng)這(zhè)項事(shì)情，增長(cháng)font-weight: bold的劃定規矩，用來講明粗體元素。 i可以用來發(fā)生斜體元素。使用em（暗示誇大），這(zhè)也更有意義。或者者可以用CSS來浮現斜體：font-style: italic big可以發(fā)生更年夜字體。使用題目（如h1，h2等，當文本原本就(jiù)是一個題目時(shí)）取代，增長(cháng)了意義，或者簡略地在CSS中使用font-size屬性，獲取更多的節制權。 small 可以發(fā)生小字體。CSS（font-size）再一次取患上更多的節制權。 hr 可用用來展示一條程度線。在CSS頂用hr設計很少見，CSS的border-top，border-bottom屬性或者者樸素的圖象做這(zhè)個效果會(huì)更好(hǎo)。 

　　上述的标簽與最新的HTML尺度雖然都(dōu)兼容，但對(duì)内容卻沒(méi)有任何好(hǎo)标簽應有的意義。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可覺得元素發(fā)生下劃線。它提示著(zhe)下劃線文本還(hái)不少毗連聯系關系。這(zhè)就(jiù)是這(zhè)個标簽去世了好(hǎo)久的緣由——你沒(méi)必要給非毗連文本下劃線。 center可以用來居中在元素内部的元素。CSS屬性text-align容許不單單是center，另有left、right以及justify。 menu用來建立菜單列表。它并無ul做的完善，在由于無序列表更通用，ul高高地站在menu的屍身上。 layer以及div元素相似，都(dōu)由CSS盡頭位置。這(zhè)僅僅能(néng)在老版本的Netscape中事(shì)情，以是再也沒(méi)有甚麼(me)用。 blink或者者marquee。年夜聲說(shuō)不！它們應當像自己意義同樣(yàng)被(bèi)等待，但有著(zhe)十分有限的支撐，以及，隻會(huì)發(fā)生很是，很是惡心的笑話。 font，可以用來界說(shuō)元素的字體名稱，尺寸以及顔色，在标簽世界中天經(jīng)地義地得到了污名昭著标簽之王聲譽稱呼。舊的網站（乃至新的也有）像滿世界的瘟疫之蟻同樣(yàng)充滿整個頁面(miàn)。年夜部門的font标簽激增是從網頁建造軟件帶來的，把font标簽包含顔色以及尺寸用在每個元素。font标簽被(bèi)濫用到泛起(qǐ)在當前的每個重複元素的（如，每一次你使用p元素），而CSS，則可以用一條簡短的代碼來運用重複元素，乃至節制整個網站。使用CSS方式，不僅可使頁面(miàn)比被(bèi)年夜量font标簽寄生的更修長(cháng)，并且更易維護由于你所必要做患上隻是扭轉CSS文件中的一行，而不是一一修改每個font标簽。這(zhè)也增長(cháng)了維護一個一直連結設計氣概一緻的網站的可能(néng)性。font标簽以及不恰當的表格使用是兩(liǎng)個發(fā)生網頁沒(méi)必要要癡肥的主要緣由。

屬性 

　　可能(néng)你認爲你正在使用優秀的标簽，但仍是有一些貧苦的寄生蟲屬性竄伏，它們随時(shí)會(huì)冒出來。 name用來爲一個元素指定一個名字，它在如input的表單位素中徹底被(bèi)接受，但在其它處所，name的事(shì)情已經(jīng)經(jīng)被(bèi)id屬性代替。 text以及bgcolor可以在body肇端标簽中界說(shuō)頁面(miàn)的根本文本顔色以及布景顔色。CSS的color以及background-color屬性在運用到body選擇符時(shí)也能(néng)夠做到。 background可以在body标簽中指定一個布景丹青。CSS會(huì)做患上更好(hǎo)，用如background-image的屬性來處置布景圖片。 link、alink、vlink在body标簽頂用來指定毗連（未會(huì)見，激活以及已經(jīng)會(huì)見）。CSS寶物── :link、:active以及:visited會(huì)做這(zhè)項事(shì)情。 align可以用來對(duì)齊某個元素的内容（好(hǎo)比 <div align="center">Stuff</div>），可是，像center标簽，CSS的text-align屬性是新的老闆。 target可以用分歧的方法打開(kāi)一個毗連，最經(jīng)常使用的是打開(kāi)新窗口（好(hǎo)比<a href="404.html" target="_blank">Help me</a>）。看起(qǐ)來不錯，但你不要對(duì)你的網站如許做。用戶其實不預期不成(chéng)思議的工具（好(hǎo)比新窗口）泛起(qǐ)，并且最經(jīng)常使用的閱讀東西是閱讀器的撤退退卻按鈕，若是你打開(kāi)新窗口，這(zhè)將(jiāng)不成(chéng)用。它長(cháng)短法以及不容易用的。

注重 

　　保存标簽的浮現屬性如圖象的width以及height，表格的cellpadding以及cellspacing，是因爲這(zhè)些元素常常使用分歧的值。這(zhè)不是完善的解決方案，但若你的網頁有年夜量的圖象以及表格，你沒(méi)有其他的明智選擇，隻好(hǎo)使用它們。 

　　最使人難以理解的浮現屬性是textarea标簽，它僅有cols以及rows兩(liǎng)個正當屬性，在最新的HTML版本中也是必需的。

優秀标簽，不良使用 

　　網頁自己對(duì)用戶來講，比起(qǐ)HTML标簽語法語義更容易用，屏幕浏覽器常會(huì)在遇到一個ul标簽或者者有著(zhe)h1或者h2的題目标簽時(shí)誇大凸起(qǐ)它們。 

　　在HTML标簽世界中最被(bèi)濫用的就(jiù)是表格了。表格經(jīng)常用來結構，但表格應當僅僅隻用來展現表花式數據，就(jiù)如它們自己的設計用意。不消表格的結構方式不是尋求開(kāi)悟的某種(zhǒng)禅，它不僅可以顯著地爲網頁減肥，并且更容易于維護以及從新設計。

注重 

　　有時(shí)侯設計者還(hái)會(huì)用在這(zhè)裡(lǐ)提到的這(zhè)些标簽以及屬性（出格是用表格來結構）來做過(guò)渡型的設計──既可以事(shì)情在老版本的閱讀器上（尤爲是Netscape4），也能(néng)夠事(shì)情在現代閱讀器上。表格确鑿可以在CSS不稱職的Netscape4上有更強的浮現節制。很不幸，這(zhè)些用戶很少并且愈來愈少了，而展示表格結構的錯誤謬誤一覽無遺的挪動裝備用戶愈來愈多。上述的無表格設計可以預防這(zhè)些錯誤謬誤，雖然對(duì)一小部門的用戶有些許的浮現扭轉，但還(hái)能(néng)在所有的閱讀此中連結著(zhe)徹底的功能(néng)。

框架 

　　Goldilocks認爲喝上一杯麥片粥是一個不錯的注重，但三個碩年夜的肉食哺乳動物忽然泛起(qǐ)，把她丢出窗戶。框架就(jiù)是裝麥片粥的杯子。它們看起(qǐ)來彷佛不錯，但已經(jīng)經(jīng)到了瀕危階段并且很快就(jiù)會(huì)消散。 

　　年夜部門的網站其實不是用框架，而一般用戶也會(huì)把一個文檔看成(chéng)一頁。 

　　有些環境，如你要避免用戶不克不及把特定的網頁添加到書簽，又如你但願用戶用Email或者即時(shí)談天軟件推薦特定的網頁，又或者你想把整個網站變患上十分繁雜，讓使用屏幕浏覽器的用戶在框架之間頻仍操縱，還(hái)或者者你想利誘搜刮引擎，夠了夠了，你使用框架吧！ 

　　總之，框架隻會(huì)增長(cháng)繁雜性以及損失可用性。

注重 

隻要你遵循下列劃定規矩，你不會(huì)在出錯上有出路： 

1）一個标簽或者者屬性就(jiù)算隻有一點點的跟浮現搭上，都(dōu)不要使用。那是CSS的事(shì)。而且CSS做患上更好(hǎo)。 

2）把标簽使用在如它的名字所表示的用途上。表格标簽是用在表花式數據上的。題目标簽是用在題目上的。等等等等。 

3）特定的内容用恰當的标簽。列表用list，題目用hx(x = 1 - 7)等等等等。

     尚狐網絡-成(chéng)都(dōu)網站建設領導者。