菜鸟学习前端HTML基础知识的小结

用在网页上,默认情况下它们起的均是加粗字体的作用,二者所不同的是,<b>标签是一个实体标签,它所包围的字符将被设为bold(粗体),而<strong>标签是一个逻辑标签,它的作用是加强字符的语气,一般来说,加强字符的语气是通过将字符变为bold(粗体)来实现的。
简单的说strong是web标准中xhtml的标签,strong的意思是“强调”;b是html的,b的意思是bold(粗体)。web标准主张xhtml不涉及具体的表现形式,“强调”可以用加粗来强调,也可以用其它方式来强调,比如下划线,比如字体加大,比如红色,等等,可以通过css来改变strong的具体表现。
并不是说有了strong,就淘汰了b,只是这个b很无辜,就因为自己表示的是字体加粗,恰巧跟strong默认情况下强调的效果一致,其实这个strong完全可以定义成别的样式的强调效果
但是为了符合现在W3C的标准,还是推荐使用strong标签。
二、 WEB标准
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。我们来简单了解一下这些标准:
结构标准语言
(1)XML XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于 网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了,网上有很多资料,也有很多书籍可以参考。 (2)XHTML XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。
表现标准语言
CSS是Cascading Style Sheets 层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。
行为标准
(1)DOM DOM是Document Object Model 文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。 (2) ECMAScript ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准 脚本语言(JAVAScript)。目前推荐遵循的是ECMAScript 262。
三、 “计算机输出”标签 (不懂,没用过)
(1)<code>标签,定义计算机代码或者其他机器可以阅读的文本内容,将文本内容以等宽、类似电传打字机样式的字体(courier)显示出来,而且也暗示这段文本表示计算机的源代码,但浏览器可以做出自己的样式处理
(2)<kbd>标签,定义键盘码,当我们需要表达键盘输入文本时,从Web标准的角度出发,强烈建议使用这个标签,因为,它更具语义化,搜索引擎也更能读懂它
(3)<samp>标签,定义计算机代码样本
(4)<tt>标签,定义打字机代码
(5)<var>标签,定义变量
四、abbr 和 acronym 实现缩写或首字母缩写。
eg.
<html>
<body>
<abbr title="etcetera">etc.</abbr><br />
<acronym title="World Wide Web">WWW</acronym>
<p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>
<p>仅对于 IE 5 中的 acronym 元素有效。</p>
<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
</body>
</html>
五、HTML <dfn> 标签
<dfn> 标签可标记那些对特殊术语或短语的定义。
现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来,<dfn> 还可能有助于创建文档的索引或术语表。
与其他许多基于内容的样式和物理样式标签一样,<dfn> 标签尽量少用为妙。作为一种通用样式,尤其在技术文档中,当第一次新的术语时,应该将它们与普通文本分开,这样读者可以更好地理解文章当前的主题,而从那以后就不要再对这个术语进行任何标记了。
六、HTML链接--跳出框架
本例演示如何跳出框架,假如你的页面被固定在框架之内。
<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>
<a href="/index.html" target="_parent">请点击这里!</a>
note:
"target中parent与top的差别":
关键词 target     parent   top   差别
target中_parent与_top的区别
在html中经常会用到target参数,常用的有两个target="_blank"和target="_self",意思为:
target="_blank" 表示在新窗口中打开该链接,target="_self"表示相同框架,即在当前窗口(或当前选项卡)中打开该链接。
还有两个不常用的:
target="_parent",将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象_self参数一样。
target="_top",在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架,不写的话就是表示默认值,默认值一般跟浏览器有关。
例如网页a中iframe了网页b,网页b又iframe了网页c,如果网页c中连接设置target="_parent",则将网页b去掉直接在a中嵌入网页c中链接页面,而如果网页c中target="_top",则直接跳出所有iframe框架,直接转向c中链接页面。
七、<br> 还是 <br />
<br> 与 <br /> 很相似。
在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。
即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是 更长远的保障
八、不赞成使用的标签和属性
在 HTML 4 中,有若干的标签和属性是被废弃的。被废弃(Deprecated)的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。 这里传达的信息很明确:请避免使用这些被废弃的标签和属性!
应该避免使用下面这些标签和属性:
标签描述
<center>定义居中的内容。
<font> 和 <basefont>定义 HTML 字体。
<s> 和 <strike>定义删除线文本
<u>定义下划线文本
属性描述
align定义文本的对齐方式
bgcolor定义背景颜色
color定义文本颜色
使用style样式: <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
删除字效果和插入字效果:<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p> 一打有  二十   十二  件 
引用、引用和术语定义
标签描述
<abbr>定义缩写。
<acronym>定义首字母缩写。
<address>定义地址。
<bdo>定义文字方向。
<blockquote>定义长的引用。
<q>定义短的引用语。
<cite>定义引用、引证。
<dfn>定义一个定义项目。

表格
本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。
本例演示如何使用 Cell spacing 增加单元格之间的距离。
十一、 HTML中DIV与SPAN的区别
1. div是块级元素, 实际上就是一个区域, 主要用于容纳其他标签。 默认的display属性是block
 2. span是行内元素, 主要用于容纳文字。 默认的display属性是inline
区别:
div占用的位置是一行,
span占用的是内容有多宽就占用多宽的空间距离
十二、<!DOCTYPE html><html lang="en-US">
<!DOCTYPE HTML>//这个网页的文档类型,这个是html5的写法
<html lang="en">//这里的lang="en"可以删除,如果不删除的,用谷歌之类打开,它会认为是英文的,会自动给翻译(如果设置了自动翻译的话)
把<html lang="en">删掉或者把en改成zh,就成中文了
十三、<meta name="viewport" content="width=device-width, initial-scale=1.0">
十四、CSS中margin和padding的区别
在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。
http://image.studyofnet.com/upfileImages/20130728/20134828104816_0.jpg
十五、HTML中th和td区别
<th>和<td>标签都是用于表格单元格显示的。不同的是<th>在单元格中加粗显示。
<th>:定义表格内的表头单元格。此th元素内部的文本通常会呈现为粗体。
请注意:在 HTML 4.01 中,th元素的 "bgcolor"、"height"、"width" 以及 "nowrap" 属性是不被赞成使用的。
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值