本文目录
1、HTML5网页结构 2、怎么输出HTML5网页的源代码
html5结构：
《!DOCTYPE html》
《html》
《head》
《meta charset=“UTF-8“》
《title》Title《/title》
《/head》
《body》
《/body》
《/html》
输出html5网页源码 你直接f12 或者 鼠标右击 查看网页源代码
网页源代码的基本结构是什么
如图：
1.无论是动态还是静态页面都是以“《html》”开始，然后在网页最后以“《/html》”结尾。
2.《head》”页头
其在《head》《/head》中的内容是在浏览器中内容无法显示的，这里是给服务器、浏览器、链接外部JS、a链接CSS样式等区域，而里面“《title》《/title》”中放置的是网页标题。
3.“《meta name=“keywords“ content=“关键字“ /》 《meta name=“description“ content=“本页描述或关键字描述“ /》 ”
这两个标签里的内容是给搜索引擎看的说明本页关键字及本张网页的主要内容等SEO可以用到。
4.“《body》《/body》 “
也就是常说的body区 ，这里放置的内容就可以通过浏览器呈现给用户，其内容可以是table表格布局格式内容，也可以DIV布局的内容，也可以直接是文字。这里也是最主要区域，网页的内容呈现区。
5.最后是以“《/html》 “结尾，也就是网页闭合。
以上是一个完整的最简单的html语言基本结构，通过以上可以再增加更多的样式和内容充实网页。
扩展资料：
标签详解：
1.《!doctype》：是声明用哪个 HTML 版本进行编写的指令。并不是 HTML 标签。《!doctype html》：html5网页声明，表示网页采用html5。
2.《meta》：提供有关页面的元信息（针对搜索引擎和更新频度的描述和关键词等），写在《head》标签内。
a）《meta charset=“UTF-8“》：设置页面的编码格式UTF-8；
b）《meta name=“Generator“ content=“EditPlus“》：说明生成工具为EditPlus；
c）《meta name=“Author“ content=““》：告诉搜索引擎站点制作的作者；
d）《meta name=“Keywords“ content=““》：告诉搜索引擎网站的关键字；
e）《meta name=“Description“ content=““》：告诉搜索引擎网站的内容；
参考资料：html代码-百度百科
这个首页的html5网站设计代码（尤其是头部那登录注册代码怎么写）
首先先说一下HTML5的代码只是在原有的XHTML基础上增加了一些新的标签（还有一些新的特性，例如数据库和缓存等特性）
以下为此页面的结构代码：
《!doctype html》
《html》
《head》
《meta charset=“utf-8“》
《meta name=“revised“ content=““ /》
《meta name=“keywords“ content=““ /》
《meta name=“description“ content=““ /》
《meta name=“author“ content=““ /》
《meta name=“robots“ content=“all“ /》
《title》页面标题《/title》
《/head》
《body》
《header》
《div》《/div》《!--登陆注册区域--》
《/header》《!--头部[html5新标签]--》
《nav》《/nav》《!--导航[html5新标签]--》
《div》《/div》《!--banner--》
《div》《/div》《!--左上--》
《div》《/div》《!--右上--》
《div》《/div》《!--左下--》
《div》《/div》《!--右下--》
《footer》《/footer》《!--底部[html5新标签]--》
《/body》
《/html》
注：以上为页面的大的框架，相对用HTML5新的标签更合理的，全用上了新的带有语义标签。
另外多说一下，[注册登陆]这块在html5的新标签里面没有很合适的语义化的标签，所以依然采用原有的div标签为最合理。html5只是在原有的技术的基础上更细化了，咱在制作代码的过程中没必要必须用HTML5的代码，主要看是否合理，合理的为较合适的。
多说的：不管用XHTML还是HTML5写代码，结构（HTML5）与样式（CSS）尽量要分离！
希望能帮到你！
