html的学习心得

    从大一暑假进入实验室,进的这个实验室叫做网络实验室,是一个充满爱、充满欢笑的大家庭,每个人都很努力,都知道自己的目标,尽管我不知道自己的具体目标是什么,但是我一直在寻找,寻找自己的道路,绘画自己的精彩。

    现在就开始说说自己开发历程吧,先从html说起。html是一种标记语言,是用在web网络上的标记语言,从开始html1.0到现在很流行的html5.0,我开始学的时候是从4.0开始学的,其实看起来4.0和5.0没有多大的区别,但是html5.0比4.0的兼容性更好,代码更简洁,运行速度更快。下面就从html的完整格式来说明。

    一般的html格式,这样的格式没有那么严谨,适合刚开始学的同学。

<html>
<head>
</head>
<title>
</title>
<style type="text/css"></style>
<script type="text/javascript"></script>
</head>
<body>
</body>
</html>
    如果严谨的话,那我们就从表头开始说起:在<html>表头上还有一行代码<!DOCTYPE>,它是用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档中的最前面的位置,处于 <html> 标签之前。通过确认页面的DTD,可以同时确定页面使用哪种W3C规范(比如 HTML 或 XHTML 规范)。

HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。

  1. HTML Strict DTD

    如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
    http://www.w3.org/TR/html4/strict.dtd">

    HTML Transitional DTD

    Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时,请使用此类型:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
    http://www.w3.org/TR/html4/loose.dtd">

    Frameset DTD

    Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
    http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 也规定了三种 XML 文档类型:Strict、Transitional 以及 Frameset。

  1. XHTML Strict DTD

    如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    XHTML Transitional DTD

    Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 XHTML 的呈现特性时,请使用此类型:

    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    XHTML Frameset DTD

    当您希望使用框架时,请使用此 DTD!

    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

     总上面来看,其实两者的表示形式没有太大的差别,但是HTML和XHTML的表示形式就有点不一样,在这里就不详细说了,等下一遍再跟大家详细比较这两者的详细区别。

     再往下说就是<html>标签里的写法了,如果上面的<!DOCTYPE>不写的话,在<html>里也不用写什么,所以在这里我们严格的来说在<html>中要写xmlns="http://www.w3.org/1999/xhtml"来表明这个文件是可以自定义自己的标记,但你定义的标记和其他人定义的标记有可能相同,但表示不同的含义。当文档交换或者共享的时候就容易产生错误。为避免这种错误产生,xml采用名字空间声明,允许你通过一个网址来识别你的标记,如果不写也没有什么的。

     往下说就是<head>,这个没有什么要讲的,这个一般用来申明使用的脚本语言,以及网页传输时使用的方式等 特效所使用的脚本语言插在这里,比如css样式,js特效。css和js分别放置在<head></head>中的<style>和<script>中。

     再者就是<title></title>这个标签是用来说明你的这个网页名称,如当打开百度的时候,会在网页窗口显示“百度一下,你就知道”的字样,这个也没什么要说明的。

     其实在<head></head>标签中有一个<meta>,这个是用来表明提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />//用来说明这个网页的编码格式是gb2312也可以是gdk或utf-8

<meta name="author"content="w3school.com.cn">//用来说明这个网页的作者

<meta name="revised"content="David Yang,8/1/07">//用来说明这个网页是谁修订的
 
<meta name="generator"content="Dreamweaver 8.0en">用来说明这个网页的编写的时候用的软件是什么

     最后就是<body>这个主体部分,是整个网页的重要部分,包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

 最后的最后,关于html整体框架就介绍到这,小弟还会继续写我的理解和心得,望大家关注,指点和批评,谢谢



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值