兔源码网 - 专注DZ模版分享、DZ插件分享!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

广告
温馨提示:本站所有DZ相关模板、插件、教程(包括DZ应用中心已下架插件、模板)皆为提供免费下载,无任何收费模式(不包括VIP版块非DZ资源,VIP版块需充值兔币购买会员组方可下载),用户仅需手动前往【申请下载权限】申请用户组下载权限即可,如本站没有您需要的插件或模板,请自行前往淘宝互站网送吗网等第三方站点搜索相关插件或模板进行低价格购买下载本站非常不建议用户浪费金钱前往DZ应用中心购买。

Html学习常见问题

[复制链接]
tuyuanma 发表于 2017-1-20 18:41:47 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


Html学习注意点:
) a# }1 n  }) q  b$ f4 F- l& Y7 [在HTML文件中指定的字符集必须和保存这个文件的字符集一致, 否则还是会出现乱码' d$ m$ u$ D% B1 a
所以仅仅指定字符集不一定能解决乱码问题, 还需要保存文件的时候, 文件的保存格式必须和指定的字符集一致才能保证没有乱码问题
2 t; ]% A& k$ B. g3 ZHTML标签/ M1 ?( ~6 ]' B' @( J9 ?
HTML标签分类
; t7 i  c4 o# m4 S单标签7 L3 v( S; @: n
只有开始标签没有结束标签, 也就是由一个<>组成的: r( O2 {7 Z6 i! }( _# u
双标签
3 Y6 E/ ^- T9 j# Q0 H+ ?有开始标签和结束标签, 也就是由一个<>和一个</>组成的
4 A; D. L9 |3 D, ?( d5 QHTML标签关系分类
/ \& i/ y+ v4 I6 \) G. Q/ o并列关系(兄弟/平级)
  S) u) Z+ I0 Y7 }; c) f, m& X嵌套关系(父子/上下级)' D3 }5 u3 `# r, J0 v1 \& H# Q; P
DTD文档声明
) q8 j  I' g# L7 q2 b* J, v什么是DTD文档声明?) D( F  H' V& m! }# a; T2 {
由于HTML有很多个版本的规范, 每个版本的规范之间又有一定的差异. 所以为了让浏览器能够正确的编译/解析/渲染我们的网页, 我们需要在HTML文件的第一行告诉浏览器, 我们当前这个网页是用哪一个版本的HTML规范来编写的. 浏览器只要知道了我们是用哪一个版本的规范来编写之后, 它就能够正确的编译/解析/渲染我们的网页
+ P6 y7 ^  H7 R# d$ f2 s. v8 EDTD文档声明格式:( {, S& K1 V+ n% S4 _2 v9 S
注意事项:
" R2 I! ^2 }* K: ~  [* x不写也能运行0 d' }! k* g3 ?' i4 l* H
H5网页里面用H4也能运行
% {2 F; m0 r6 m& V<!DOCTYPE>声明必须是 HTML 文档的第一行,位于 <html> 标签之前
& K* l4 v7 G! S* z. Y& x<!DOCTYPE> 声明不是 HTML 标签! D+ R% l( n' H/ G& \5 P1 N
<!DOCTYPE> 声明没有结束标签; e4 V7 G* k* i+ \, Z: m
<!DOCTYPE> 声明对大小写不敏感: s" C% J& b  F% L- V+ A
这个声明浏览器会看, 但是并不是完全依赖于这个声明, 浏览器有一套自己的默认的处理机制
- v' e. e9 f5 y( GHTML5之前有2大种规范, 每种规范中又有3小种规范
) U9 o) C! F! T大规范     小规范
( a- L( i. r# V% y' FHTML  Strict (严格的)+ L  X( r  Y, Z
HTML  Transitional(过度的,普通的,宽松的)
" Y9 S5 Z3 [: ^) ~/ C, q2 MHTML  Frameset(带有框架的页面)8 l& G. c8 `' }, J3 G3 X( w1 [4 `
XHTML     Strict (严格的)8 U$ J- C" E% q1 P& \) Y
XHTML     Transitional(过度的,普通的,宽松的). ]8 t" `7 b' R3 P2 }% @
XHTML     Frameset(带有框架的页面): M% T: Y! p: o1 ^" @$ _8 H0 @' J2 h2 ]
HTML的DTD文档声明和XHTML的DTD文档声明有何区别?8 i! R' ~8 o" \6 G
XHTML本身规定比如标签必须小写、必须严格闭合、必须使用引号引起属性等等, 而HTML会更加松散没有这么严格
. n8 _9 a+ \. CStrict表示严格的, 这种模式里面的要求更为严格.这种严格主要体现在有一些标签不能使用
' Q  b7 R$ Q8 k# g) L0 b例如font标签/u标签等
5 Z! B  G$ I4 s  A: d1 A. w7 Tfont标签可以修改一个文本的字号、颜色、字体,但这和HTML的本质有冲突,因为HTML只能负责语义,不能负责样式,而font标签是用于修改样式的,所以在Strict中是不能使用font标签* V, l* D3 n' `8 ^: ]& p0 m
u标签可以给一个文本加上下划线,但这和HTML的本质有冲突,因为HTML只能负责语义,不能负责样式,而u标签是用于添加下划线是样式.所以在Strict中是不能使用u标签2 @) s2 \5 B! q6 Z" K8 U
Transitional表示普通的, 这种模式是没有一些别的要求
+ O- U' A% X" x. y9 _* L例如可以使用font标签、u标签等$ V1 _+ s6 ?7 `& H5 X; ~: V* S
但是在企业开发中不会使用这些标签,因为这违背了HTML的本质, 而是将这些标签作为css的钩子使用0 l) |1 [' C( K5 P; C% F& h% c& Z+ f
Frameset表示框架, 在框架的页面使用% S. Q- p4 O9 q$ s
后面学到框架/NodeJS 再做详细了解
* y+ t& [& h7 |常见的DOCTYPE有如下几种1 s* S; b. N6 G( ^; G
跨平台开发课程02——认识HTML
4 |' G5 e" Y) O; G" ]
' P0 h& V4 R2 j( o7 h/ F: M7 l7 L有这么多规范我们学习过程中到底使用哪一种比较合适呢?  i( b. Q# h' S, C
www.baidu.com (B)
# [/ w8 @, G: C6 c4 k+ Cwww.taobao.com (A): d4 ?$ _! D3 R! E) Q( W
www.qq.com (T)7 o5 N0 v- n, u8 ?. z
www.sohu.com(大奇葩)
& r5 u$ N, F. E9 |无论是HTML还是XHTML,过去企业级开发中用的比较多的大部分都是Transitional类型的文档声明
, w6 E/ B' Z' N' d但是HTML5的时代已经到来,以上6中规范仅仅作为了解, 以后都用HTML5类型的文档声明, HTML5向下兼容(求此刻WC3心里阴影面积)# h6 R, h6 T5 ~: T; I1 [* O
目前国内一线网站都更新到了HTML5的文档声明, 所以后续授课也是全程使用HTML5的文档声明
+ w; L2 U( _) }, X# B; F, m$ Y8 QHTML和XHTML、HTML5区别2 X: X6 M, |( R. |2 Q" k" ^. [
在HTML的早期发展中,大部分标准都是所谓的retro-spec,即先有实现后有标准。在这种情况下,HTML标准不是很规范,浏览器也对HTML页面中的错误相当宽容。这反过来又导致了HTML开发者写出了大量含有错误的HTML页面
3 n8 L* [8 o2 z! Ehtml语言本身有一些缺陷(例如: 内容和形式不能分离;标签单一;数据不能复用等等),随着xml的兴起人们希望xml来弥补html的不足,但是目前有成千上万的网页都是用html编写的,所以完全使用xml来替代html还为时过早,于是W3C在2000年推出了xhtml1.0, 建立xhtml的目的就是实现从html向xml的过度
" }/ h& x+ H. ^4 r0 V" N5 i为了规范HTML,W3C结合XML制定了XHTML 1.0标准,这个标准没有增加任何新的标签,只是按照XML的要求来规范HTML,并定义了一个新的MIME type application/xhtml+xml。W3C的初衷是要求浏览器对这个MIME type实行强错误检查,如果页面有HTML错误,就要显示错误信息。但是由于已有的web页面中已经有了大量的错误,很多开发者拒绝使用新的MIME type。W3C不得已,在XHTML 1.0的标准之后增加了一个附录C,允许开发者使用XHTML语法来写页面,同时使用旧的MIME type,application/html,来分发页面
  R4 Z2 V0 e, e' a1 M/ hW3C随后在XHTML 1.1中取消了附录C,即使用XHTML 1.1标准的页面必须用新的MIME type来分发。于是这个标准并没有很多人采用8 J2 m" s8 ]( h3 `
有了XHTML的教训,W3C在制定下一代HTML标准时(HTML5),就将向后兼容作为了一个很重要的原则。HTML5确实引入了许多新的特性,但是它最重要的一个特性是,不会break已有的网页。你可以将任何已有的网页的第一行改成<!DOCTYPE html>,它就成也一个HTML5页面,并且可以照样在浏览器里正常的展示。  @3 k, B5 e8 ~. v  @, s
简而言之
" s& f, n) b0 [, c+ l; ~HTML语法非常宽松容错性强;0 i- L5 l" G, s) `# w/ O6 B
XHTML更为严格,它要求标签必须小写、必须严格闭合、标签中的属性必须使用引号引起等等;  I. ]* [3 H" y$ s! D6 v
HTML5是HTML的下一个版本所以除了非常宽松容错性强以外,还增加许多新的特性* ~" K0 M9 {9 ]) T4 e* W1 a# ]
.htm 和 .html扩展名区别
6 S) w! ?; `( O# WDOS操作系统(win95或win98)下只能支持长度为3的后缀名,所以是htm0 h! ~' @) n& W) W# Q$ D* C
但在windows后缀长度可以大于3位,所以windows下无所谓htm与html,html是为长文件的格式命名的
2 H( N* X+ j& X7 p. \4 u. |所以htm是为了兼容过去的DOS命名格式存在的
+ m7 }% z" I) a$ [7 q8 A

- T8 R# P% s. L+ v" P# [! }

版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广告

兔源码网 ( 赣ICP备17001544号 公网安备36112102000036号 )

兔源码 QQ交流群:493651246  GMT+8, 2019-9-22 10:05
←站长统计工具 查看密码:tuyuanma

兔源码DZ模板下载 站长邮箱:tuyuanma@qq.com 站长QQ:3197813386 网站地图

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

     
快速回复 返回顶部 返回列表