Rumah hujung hadapan web html tutorial 网页设计中HTML常会出现的五个错误

网页设计中HTML常会出现的五个错误

Dec 16, 2016 pm 02:28 PM

1.网页背景色的设置

  犯错机率:很大

  普遍性:较广

  犯错可能性:懒/不知道

  约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过。

  绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,如果你没有设置网页的背景颜色的话,你以为正常的网页在我的电脑上看起来会是一团糟。

  2.Align center(自动居中)的滥用

  犯错机率:非常大

  普遍性:非常广

  犯错可能性:以为方便/以为好用

  工作中,修改、维护别人的网页是家常便饭,发现不少人有一个陋习:

  在表格中的文字或图片,你是这样来令它居中、靠左或靠右过?

  

大家好啊!!
 
  

  当有些表格很多、文字很多、内容分得很细的时候,爱用这种方法(它在DW里的快捷键是Ctrl+Alt+C,FP不知道是什么)的人往往会狂用,惨了,我一碰到这样的网页就头痛,为什么要用那么多

来居中呢?tell me why?难道表格没有居中属性吗?为什么要加入这些垃圾代码?特别修改的时候也不能把文字或图片删除了就能自动清除

建议使用来居中,当需要多重定位的时候,才考虑

,因为这个代码并不好处理,所以能用表格代替就用表格替代。

  3.重复使用实现相同功能的代码、或杂七杂八的乱套代码 
  
  犯错机率:非常普遍

  普遍性:非常普遍

  犯错可能性:复杂多样

  大家先来看一看下面的代码: 
  

标 题 

你觉得这样的代码看起来感觉怎么样呢?

  我不知道读者有什么感觉,压根我一看到这样的代码就会先自我麻木十来秒,这十来秒目的是为了找一个能表达我的思想感情的词(我?你想反问我吗?sorry~~,我一般不犯,因为我做网页至少有一半以上的时间在浏览代码,代码中多了不该多的东西我一眼就能看出来。)。

  看看上面的代码,使用了2个class,4个font来定义2个文本,其实这样的问题很多时候是在大家不断的修改中产生的,对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重,当然,事实上别人浏览这个网页的时候,是没有任何问题的,但维护的人就…………。 
这些多余的垃圾代码完全是可以省略掉的,其实上面的例子不够严重,更恐怖的我都见过。

  另外还有一个问题也要提提的,就是

...

...
,为什么要用它们呢?tell me why~~,有甚者是这样的:

  

 
  
 
  

 
  

标 题 

你觉得这样的代码看起来感觉怎么样呢?

  看到这样的代码我是会很无奈的(更无奈的是我经常看到,而且必须看),我来简化一下: 
   
  标题 
  你觉得这样的代码看起来感觉怎么样呢?

  是不是看起来觉得这个世界安静了很多?"标题"后面的文字完成可以定义在的class里,就算不用css,再用多一个<.font>也没问题,一样很清爽。

  4.表格不正确嵌套

  犯错机率:一般

  普遍性:普遍

  犯错可能性:对这个不了解

  其实这是一个街知巷闻的问题了,但还是不断有人犯,不正确的嵌套表格,可能会令到你被老总叫到办公室里臭骂一顿,会令到你以为正常的网页用ADSL开2、3分钟都开不了。 先讲第一个问题,就是在一个大表格里不断地嵌套表格,这样会令到打开网页的速度变慢(虽然说现在的IE改善了这一问题,但还是不建议这样做),另一方面维护、修改也极不方便,一般来说简单的套用是没有问题的,甚至3、4层,但是不要把所有内容都放到一个表格里去。 第二个问题就是在一个大表格里放入所有内容,而其中包括一个免费的计数器代码,嘻嘻,你猜有可能出现什么情况呢?其实也没什么大不了的,最严重的就是你的IE象死机了一样,什么都没显示。解决方法就是把计数器单独放在一个表格里,别和其他内容一起放在同一表格。

  5.写代码缩进的时候,不是使用Tab而是使用空格

  犯错机率:一般

  普遍性:较少

  犯错可能性:不知道Tab更好用

  这一个问题针对js、vbs、asp、php之类,html不能使用Tab会写一点程序的都知道什么叫缩进,怎么样缩进?有人使用空格,有人使用Tab,如果你是使用空格的,那么从现在起,改用Tab吧。

天极yesky

 以上就是网页设计中HTML常会出现的五个错误的内容,更多相关文章请关注PHP中文网(www.php.cn)!


Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Kemahiran reka bentuk web dan perkongsian pengalaman praktikal berdasarkan CSS3 Kemahiran reka bentuk web dan perkongsian pengalaman praktikal berdasarkan CSS3 Sep 08, 2023 pm 07:07 PM

Perkongsian kemahiran reka bentuk web dan pengalaman praktikal berdasarkan CSS3 Dalam era Internet hari ini, reka bentuk web menjadi semakin penting. Dengan kemunculan CSS3, pereka kini boleh menggunakan pelbagai kesan yang menakjubkan untuk melibatkan pengguna. Artikel ini akan berkongsi beberapa kemahiran reka bentuk web dan pengalaman praktikal berdasarkan CSS3, bertujuan untuk membantu pembaca meningkatkan tahap reka bentuk web mereka. 1. Gunakan kesan peralihan. Kesan peralihan boleh menghasilkan kesan animasi yang lancar untuk elemen dari satu keadaan ke keadaan yang lain. Dengan menggunakan sifat peralihan CSS3, kita boleh

Mendedahkan kelebihan unik kedudukan mutlak dalam reka bentuk web Mendedahkan kelebihan unik kedudukan mutlak dalam reka bentuk web Jan 23, 2024 am 08:16 AM

Terokai kelebihan unik kedudukan mutlak dalam reka bentuk web Dalam reka bentuk web, kedudukan mutlak ialah kaedah reka letak yang biasa digunakan. Dengan menggunakan kedudukan mutlak, elemen boleh diletakkan dengan tepat pada lokasi tertentu pada halaman web, dan beberapa kesan susun atur khas boleh dicapai dengan mudah. Artikel ini meneroka kelebihan ini dan menggambarkannya dengan contoh kod khusus. Kedudukan elemen yang tepat Kedudukan mutlak membolehkan kawalan tepat ke atas kedudukan elemen pada halaman web. Dengan menentukan atribut atas, kanan, bawah dan kiri elemen, elemen itu boleh

Panduan ringkas: Cipta rangka kerja CSS yang hebat untuk meningkatkan profesionalisme dan keindahan reka bentuk web anda Panduan ringkas: Cipta rangka kerja CSS yang hebat untuk meningkatkan profesionalisme dan keindahan reka bentuk web anda Jan 16, 2024 am 09:02 AM

Lima langkah untuk mengajar anda cara mencipta rangka kerja CSS yang sempurna: Jadikan reka bentuk web anda lebih profesional dan cantik Mengekalkan reka bentuk web yang profesional dan cantik adalah impian setiap pereka web. Dan mewujudkan rangka kerja CSS yang sempurna adalah kunci untuk mencapai matlamat ini. Rangka kerja CSS ialah satu set helaian gaya dan peraturan yang telah ditetapkan yang membantu pereka bentuk dengan cepat membina reka letak dan gaya halaman web. Hari ini, saya akan memperkenalkan anda kepada kaedah lima langkah untuk membantu anda mencipta rangka kerja CSS yang sempurna. Berikut adalah langkah khusus: Langkah 1: Analisis keperluan dan tentukan struktur rangka kerja pada permulaan

Apa itu Dreamweaver Apa itu Dreamweaver Jun 13, 2023 pm 02:53 PM

Dreamweaver ialah perisian reka bentuk web yang dilancarkan oleh Adobe Ia menyediakan editor halaman visual dan juga menyokong penyuntingan manual kod HTML, CSS dan JavaScript. Ia mempunyai banyak ciri dan alatan yang membantu pengguna membuat halaman web responsif, apl dan apl mudah alih dengan mudah.

Kaji kesan memperkenalkan rangka kerja pihak ketiga CSS pada reka bentuk web Kaji kesan memperkenalkan rangka kerja pihak ketiga CSS pada reka bentuk web Jan 16, 2024 am 10:32 AM

Meneroka kesan pengenalan rangka kerja pihak ketiga ke dalam CSS pada reka bentuk web Pengenalan: Dengan perkembangan pesat Internet, reka bentuk web telah menjadi semakin penting. Untuk meningkatkan pengalaman pengguna dan menyediakan fungsi yang lebih kaya, pembangun selalunya perlu menggunakan rangka kerja pihak ketiga untuk membantu reka bentuk dan pembangunan. Artikel ini akan meneroka kesan memperkenalkan rangka kerja pihak ketiga CSS pada reka bentuk web dan memberikan contoh kod khusus. 1. Apakah rangka kerja pihak ketiga CSS? Rangka kerja pihak ketiga CSS ialah satu set gaya dan komponen CSS yang telah ditetapkan yang boleh dipanggil terus semasa membina halaman web. Rangka kerja ini kaya dengan kandungan,

Cara menggunakan teknologi CSS3 untuk mencipta kesan halaman web yang menarik Cara menggunakan teknologi CSS3 untuk mencipta kesan halaman web yang menarik Sep 11, 2023 pm 12:54 PM

Cara menggunakan teknologi CSS3 untuk mencipta kesan halaman web yang menarik Dengan perkembangan Internet, reka bentuk web menjadi semakin penting. Kemunculan teknologi CSS3 telah membawa lebih banyak inspirasi dan ruang kreatif kepada pereka web. CSS3 mempunyai ciri dan kesan yang kaya, yang boleh mencapai kesan halaman web yang hebat dengan mudah. Artikel ini akan memperkenalkan beberapa ciri CSS3 yang biasa digunakan dan menggunakan contoh untuk menunjukkan cara menggunakan ciri ini untuk mencipta kesan halaman web yang menarik. Kesan sempadan Sempadan ialah elemen biasa dalam reka bentuk web Melalui ciri sempadan CSS3, anda boleh menambah lebih banyak kesan pada sempadan.

Cara menggunakan susun atur Kedudukan CSS untuk mereka bentuk susun atur kad untuk halaman web Cara menggunakan susun atur Kedudukan CSS untuk mereka bentuk susun atur kad untuk halaman web Sep 28, 2023 am 08:17 AM

Cara menggunakan reka letak CSSPositions untuk mereka bentuk reka letak kad untuk halaman web Dalam reka bentuk web, reka letak kad adalah kaedah reka bentuk yang biasa dan popular. Ia membahagikan kandungan kepada kad bebas, setiap kad mengandungi maklumat tertentu, dan boleh mencipta kesan halaman yang kemas dan berlapis dengan mudah. Dalam artikel ini, kami akan memperkenalkan cara menggunakan reka letak CSSPositions untuk mereka bentuk reka letak kad halaman web dan melampirkan contoh kod tertentu. Buat struktur HTML Mula-mula, kita perlu mencipta struktur HTML untuk mewakili susun atur kad.

Medan aplikasi pemilih elemen dalam reka bentuk web Medan aplikasi pemilih elemen dalam reka bentuk web Jan 13, 2024 am 10:35 AM

Aplikasi pemilih elemen dalam reka bentuk web memerlukan contoh kod khusus Dalam reka bentuk web, pemilih elemen ialah pemilih CSS yang sangat penting, yang boleh membantu kami mengawal dan melaraskan gaya elemen dalam halaman web. Dengan menggunakan pemilih elemen secara fleksibel, pelbagai kesan reka bentuk web yang indah boleh dicapai. 1. Sintaks asas dan penggunaan pemilih elemen Pemilih elemen ialah jenis pemilih CSS yang paling mudah Ia memilih elemen yang sepadan dengan menyatakan nama tag bagi elemen HTML. Sintaks asas pemilih elemen ialah: nama tag {

See all articles