保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求.
1 o0 q" G- L8 M% b1 W6 r9 T! R& u2 d
罪行1:把块级元素放入了行内元素内
) e4 P, v8 J& c; Z* `2 @; x# {. n4 z2 M. {) I2 ?
}; l# ?) X: i% E" p3 ^; [7 _5 D! L+ n$ v8 g+ g, ~
( ~; g/ y7 Y4 ]# x( e, _7 @( @
HTML 元素的表现方式不外乎就两种:块级和行内.每一个标签都有默认的表现方式不是块级就是行内.像P和p 就是块级元素,他们用来形成文档结构.行内元素只能在快级元素内.轻轻松松学网页设计
: t, h! S& s$ N) r6 [
" ~" I& a3 g* q7 J- M" V0 R( y3 q' q罪行2: img 标签没有包含alt属性
8 | c6 E2 v) w/ F v
! ~" D) M* y/ ~8 q# b$ _& U. c9 b9 T4 g1 U6 u) m/ y, ]8 s
B) i% Z; o+ K/ \! l% F: P3 _" t* W* F! U0 v3 \8 ]% X9 [" Q; U
alt属性是所有显示在网页如何学习网页设计中图片的必须属性,它能够帮助人们知道这是什么图片.或者在网速比较慢的时候显示图片的含义是什么.它的主要目的是,说 明图片的含义,想这样的说明 alt=”image”是很糟糕的.如果,有些图片的确只是装饰作用而已,那么建议你写成 alt=”".网页设计图6 m( C( Q9 z+ C) _( F
) Z- m/ ]" O; C罪行3:在必要的时候没使用list g9 @. U5 u5 n4 L; k; Z' r2 f
. V; z3 F! \" u# z2 _' I, Z9 v; M. B
3 |/ I) G/ B% ^% ~% d& L# P5 C+ Q, z) j( \" Q3 r4 d
7 c2 w, P: a* I. V4 W/ j2 }
犯罪4：使用和显示黑体字和斜体 G) A e/ r( V
^; t% l+ ]$ k
2 P0 m9 g' c9 m. N. j0 v, U
2 D7 H1 G; B- F7 p# J5 X- Z; q
$ }4 z) \& q8 D. ]/ j2 g可以用css样式定义 font-weight 和 font-style. 如果必须在页面中写标签的话,用 或 标签来替换.的没有任何语义可言, 但是,为了更简洁的页面,还是选择 css定义样式吧
$ t- ^! @' Q# l5 ] |0 W L- p9 t; O' V4 a+ m8 ^- N' k
犯罪5：使用太多
$ [# t0 u( G( y, @4 z, t% o& l4 R
) Q% w+ [, \/ [! ?1 ^' X+ a) d H4 l' d# {
% m' m( U' n: I) o) L' P4 I5 f+ `7 ]8 X% N+ ]6 C# Y% W* G
6 F) K! c& }8 r1 U p' i* p/ O- [! Y. E: C
换行标记只应该用于插入是在第一个文本流换行符敲到一个新行一个特别字了。它不应该被用来制造元素之间的差距，而是分裂成不同的段落，或调整的幅度CSS样式的文本。网页设计培训从入门到精通
! n9 _3 H2 x$ ?. U
! l( @$ S8 e. `/ G9 M, s罪行6: 使用错误的 Strikethrough 标签
' Y& w. B1 }$ \0 O. k
: v- q1 {+ C, i5 \
; g5 o' H( O' ]; K/ B$ t6 I2 V& a" N) B3 \3 r/ G: N4 O
3 `+ z& j9 M4 r
在昔日，和允许用来定义网站文字。不过，现在他们被定义为不推荐使用的标签,当他们任然可以有效果.现在用新的标记集- 和。来替换
- T" }0 P- j8 D8 R; Z8 r! L0 j6 Y' e$ u6 p3 @4 t3 f
罪行 7: 使用内联样式3 n* L* ~2 _/ L2 d, a
! Y/ W8 U- \! L1 x1 J
4 y4 ^; Q. g9 G8 u3 X/ Y2 y
! a: K* l* M8 O8 p' F! d/ b
8 {& X. ]( }5 [ Q& _css最重要的目的只是为了区分文档和样式,如果,你把style写到页面里面,那么完全没有css的作用可言.所以,记住把你的样式放在它该放的位子5 K3 Y. |. I- V& U+ O1 d
# \! t8 z+ N* n4 G. ^8 {( t& [& l; t
罪行 8: 把border添加到HTML中4 e7 Q9 `, n5 P
6 T# [# W" J' V8 X9 ]
$ a( `* X1 I, s. N N) L# K6 ]
6 f# [; t! h: A, G: N6 x1 f3 D5 M6 f! p, e/ }$ P# g( G, J
罪行 9: 没有使用header标签-' i4 a8 I$ E! I; ]+ B+ ^, i! G: g
2 R3 V: H2 M5 e% ?/ x7 O7 V$ f0 I5 }* D' u
5 G9 l3 ?) _0 T) c
3 d, Z" L- K4 T) q
罪行10: 没有语义的 或% |( h* M' k7 J: p: G
! e& ?* W' A; |$ o% z! l/ T! _4 o) M$ } W
/ I v6 S$ b3 B
6 ~2 g% E9 \/ G9 N T5 T0 {' K6 e) P( ~不被w3推荐，和(闪动,滚动)标签是纯粹的丑陋。学网页设计看什么书 A4 }: s2 U' D5 k+ {' k: V4 v
9 ?- u" t- k3 ^* d, W) q+ [
不要使用这个标签,如果一定要用这样的效果,相信,你会有其他更好的效果
6 e j" o( Y2 i
8 Z3 A1 w( v4 ^% m$ n文章来源于互联网,由杭州酒店预订收集整理:http://www.tuankezhan.com/index/383.html，转载请注明出处nvts00m。 |
楼主V5，
