• 北京限价房项目开闸 百亿货值将入市 ——凤凰网房产北京 2019-12-08
  • 秘鲁侨界研讨两岸关系和平发展 2019-12-02
  • 西安紫云溪小区深夜有人竟高空扔粪便 律师:违法行为 2019-11-29
  • 罗品禧的专栏作者中国国家地理网 2019-11-29
  • 市委把全国两会精神原汁原味传达到基层 2019-11-28
  • 西南铁路端午假期发送400余万人次 两人不文明乘车或受失信惩戒 2019-11-20
  • 四件汉白玉螭头回归圆明园 2019-11-20
  • 人的本质的演变规律:从原始母系氏族社会的公有者经过父系氏族社会私有和公有双重所有者而演变为私有制阶级社会的私有者,然后经过现代社会公有和私有双重所有者... 2019-11-06
  • 这样的帖子写主贴反驳,实在丢不起人! 2019-11-06
  • “道德瘾君子”侮辱了杨女士的善良 2019-10-30
  • 候选案例:“天使之心”儿童先心病救助项目 2019-10-23
  • 卢靖姗穿蓝色吊带笑容甜美 和粉丝合影花式比心 2019-10-12
  • 黄嘉刚特斯拉困境折射电动车产业困局 2019-10-07
  • OPPO Find X:曲面全景屏,史无前例的屏占比 2019-10-06
  • 古镇灯饰企业为灯饰品牌化鼓与呼 2019-10-06
  • 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

    很多时候学网页制作开发的时候第一看到的印象深刻的就是html或htm后缀结尾的网页,我们把这类网页归结为静态网页,伪静态除外。

    那html或htm与其它如php、asp、aspx、jsp等后缀结尾的网页有什么区别呢?
    首先,html页面是静态的从头到尾没有程序的执行是纯的html语言,是不经过服务器处理就直接送出给浏览器呈现给浏览者。
    而其他后缀的结尾的网页相对来说就是动态网页页面,动态页面是经过服务器对各自的程序翻译处理、数据库操作等处理然后才由浏览器把服务器处理完的数据程序给用户,而网页内容数据可以随后台数据改变而改变。

    那html基本语言机构是怎么样的呢?
    先看一下的html结构
     

    1. <html>  
    2. <head>  
    3. <title>放置文章标题</title>  
    4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> //这里是网页编码现在是gb2312 
    5. <meta name="keywords" content="关键字" />  
    6. <meta name="description" content="本页描述或关键字描述" /> 
    7. </head> 
    8. <body> 
    9. 这里就是正文内容 
    10. </body> 
    11. </html> 

    完整HTML包括html DOCTYPE声明、title标题、head、网页编码声明等内容
    最初使用完整的html源代码

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    2.  "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    3. <html xmlns="//www.w3.org/1999/xhtml"> 
    4. <head> 
    5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    6. <title>标题部分-香港买马资料大全 www.ziixf.tw</title> 
    7. <meta name="keywords" content="关键字" />  
    8. <meta name="description" content="本页描述或关键字描述" /> 
    9. </head> 
    10. <body> 
    11. 内容 
    12. </body> 
    13. </html> 

    最新完整HTML结构-HTML源代码(推荐):

    1. <!DOCTYPE html>  
    2. <html lang="zh-CN"> 
    3. <head> 
    4. <meta charset="utf-8"> 
    5. <title>网页标题-香港买马资料大全 www.ziixf.tw</title> 
    6. <meta name="keywords" content="关键字" /> 
    7. <meta name="description" content="此网页描述" /> 
    8. </head> 
    9. <body> 
    10. 网页正文内容-香港买马资料大全 www.ziixf.tw  -DIVCSS5提供 
    11. </body> 
    12. </html> 


    无论是html还是其它后缀的动态页面其html语言结构都是这样的,只是在命名网页文件时以不同的后缀结尾。
    1、无论是动态还是静态页面都是以“<html>”开始,然后在网页最后以“</html>”结尾。
    2、“<html>”后接着是“<head>”页头,其在<head></head>中的内容是在浏览器中内容无法显示的,这里是给服务器、浏览器、链接外部JS、a链接CSS样式等区域,而里面“<title></title>”中放置的是网页标题,可在浏览器最左上看见如图:
     


    TITLE显示位置图


    3、接着“<meta name="keywords" content="关键字" /> <meta name="description" content="本页描述或关键字描述" /> ”这两个标签里的内容是给搜索引擎看的说明本页关键字及本张网页的主要内容等SEO可以用到。
    4、接着就是正文“<body></body> ”也就是常说的body区 ,这里放置的内容就可以通过浏览器呈现给用户,其内容可以是table表格布局格式内容,也可以DIV布局的内容,也可以直接是文字。这里也是最主要区域,网页的内容呈现区。
    5、最后是以“</html> ”结尾,也就是网页闭合。

    以上是一个完整的最简单的html语言基本结构,通过以上可以再增加更多的样式和内容充实网页。
    注意:网页一般的根据xhtml标准都要求每个标签闭合,如:以<html> 开始,以</html>闭合;如果没有闭合如<meta name="keywords" content="关键字" />就没有</meta> 就要<meta 内容。。。  />来完成闭合。

    以上就是通俗来讲的最简单的html语言结构,如果需要看更多更丰富的html语言结构,可打开一个网站的网页,然后点击浏览器的“查看”--然后点击“查看源代码”即可看见该网页的html语言结构,这样可以根据此源代码来分析此网页的HTML语言结构与内容。  

    如需转载,请注明文章出处和来源网址://www.ziixf.tw/html/h2.shtml

  • 北京限价房项目开闸 百亿货值将入市 ——凤凰网房产北京 2019-12-08
  • 秘鲁侨界研讨两岸关系和平发展 2019-12-02
  • 西安紫云溪小区深夜有人竟高空扔粪便 律师:违法行为 2019-11-29
  • 罗品禧的专栏作者中国国家地理网 2019-11-29
  • 市委把全国两会精神原汁原味传达到基层 2019-11-28
  • 西南铁路端午假期发送400余万人次 两人不文明乘车或受失信惩戒 2019-11-20
  • 四件汉白玉螭头回归圆明园 2019-11-20
  • 人的本质的演变规律:从原始母系氏族社会的公有者经过父系氏族社会私有和公有双重所有者而演变为私有制阶级社会的私有者,然后经过现代社会公有和私有双重所有者... 2019-11-06
  • 这样的帖子写主贴反驳,实在丢不起人! 2019-11-06
  • “道德瘾君子”侮辱了杨女士的善良 2019-10-30
  • 候选案例:“天使之心”儿童先心病救助项目 2019-10-23
  • 卢靖姗穿蓝色吊带笑容甜美 和粉丝合影花式比心 2019-10-12
  • 黄嘉刚特斯拉困境折射电动车产业困局 2019-10-07
  • OPPO Find X:曲面全景屏,史无前例的屏占比 2019-10-06
  • 古镇灯饰企业为灯饰品牌化鼓与呼 2019-10-06
  • 12选五模拟选号器 可以上传作品赚钱的网站 河北20选5开奖查询结果 广东十一选五遺漏 英雄联盟夏季赛 广东快乐十分钟开奖图 冠通游戏手机版下载 排列五开奖号码走势图 中国体育竟彩网 快乐12胆拖查询表