html5标准结构 html结构标签有哪些

HTML的基本结构有哪些

最外层html双标签，里面分别是头部(head双标签)、身体(body双标签)。

头部html用来包裹整个html文档

head一般用来放诸如meta、link、script等标签。

body用来放各种常用的标签(div,h1-h6,a,p,header,section,script等)。

简树如下:(html5规范)

!DOCTYPE html

html lang="zh-CN"

head

meta charset="utf-8"

meta http-equiv="X-UA-Compatible" content="IE=edge"

meta name="viewport" content="width=device-width, initial-scale=1"

!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ --

title网站标题/title

link href="css/min.css" rel="stylesheet"

/head

body

h1你好，世界！/h1

div我是你的啥/div

/body

/html

相关问答

Q1: HTML5基本内容分享，来看看！

HTML5是什么?

一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分，而不只是第一印象仅仅HTML部分而已，在CSS 3和JavaScript层面也有许多的创新，让整个网页从布局到处理都更加给力，新囊括的技术让之前实现相当困难且安全性危机重重的功能变为了现实。

为什么要用HTML5?

THML5在布局上更得体，记得以前的主流table过渡到主流div;今的布局对搜索引擎更加友好，比如内总是会包含文章内容，而nav是导航信息;HTML5的移动手机支持也日趋完善，兼容移动端可是一个简单概念。

虽然多网合一，兼容问题永远存在，布局适配也是一门技术活;另外在Pad等其他客户端也发挥着越来越重要的优势。

HTML5的基本结构

HTML 用来组织网页的结构，就像人类的骨架一样。首先你要做的是学习它的语法以及与它相关的所有内容。重点要学习的内容如下：

学习基础知识及如何编写语义化的HTML，了解页面的各个部分，并且学会如何正确地构建 DOM。任务——学习完 HTML 的基础知识后，请至少动手编写 5 个 HTML 页面。我的建议是可以选择任何网站的页面，例如可以尝试去编写任何一个 Github 配置页面或者 Twitter 的登录页面，而且要确保结构是正确的。虽然完成的页面看起来很丑，但是暂时还不用着急，现阶段的重点是学会编写正确的结构。

目前而言，主流的网页浏览器Firefox 5、Chrome 12和Safari 5都已经支援了许多的HTML5标准，而且目前最新版的IE 9也支援了许多HTML5标准。随着使用者陆续升级到新版的浏览器，开发者应该在现在就可以着手开发，兼容性问题会随着时间的推移而越来越少。

以上就是青藤小编关于HTML5基本内容的相关分享，希望对大家有所帮助，想要了解更多相关内容，欢迎大家及时在本平台进行查看哦!

Q2: HTML5的标准格式是什么

标准格式如下：

!DOCTYPE HTML

html

head

meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /

titleYour Website/title

/head

body

header

nav

ul

liYour menu/li

/ul

/nav

/header

section

article

header

h2Article title/h2

pPosted on time datetime="2009-09-04T16:31:24+02:00"September 4th 2009/time by a href="#"Writer/a - a href="#comments"6 comments/a/p

/header

pPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas./p

/article

article

header

h2Article title/h2

pPosted on time datetime="2009-09-04T16:31:24+02:00"September 4th 2009/time by a href="#"Writer/a - a href="#comments"6 comments/a/p

/header

pPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas./p

/article

/section

aside

h2About section/h2

pDonec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo./p

/aside

footer

pCopyright 2009 Your name/p

/footer

/body

/html

Q3: HTML5的页面结构和HTML4有什么不同

如果单单说页面结构，不介绍新的特性、功能的话，人见解，最大的变化恐怕是语意化了，html5增加了了很多语意化标签，比如header、footer、nav等等。这些标签有利于让浏览器或者蜘蛛（搜索引擎）更好理解你的页面想表达的内容。比传统html4使用表格或者div布局更加有利于SEO或者无障碍阅读。

其次，页面头部的文档类型声明也比html4更加简洁，文档类型的作用，主要是告诉浏览器此文档是什么种类，该如何解析。html4有很多种头部文档声明，比较乱，新手可能很难一下子理解（说实话我也不太理解），而html5则精简到了一种：!DOCTYPE HTML这样就使代码出错，和兼容问题得到了妥善解决。

个人觉得主要是这些改动吧，望采纳。

Q4: HTML5的代码标准格式是什么

你想问的应该是，在搭建一个HTML文件时，基本的文件结构是什么样子吧？

标准的HTML文件由“文档声明、文件头、文件体”组成。

对于HTML5，文档声明也应该采取HTML5.0的声明方式，具体代码如下：

!doctype html

html

head

meta charset="UTF-8"

titleHTML5学堂（码匠）  言成科技 联合出品/title

meta name="viewport" content="width=device-width,user-scalable=no"

link rel="stylesheet" href="../css/reset.css"

/head

body

div具体内容/div

/body

/html

在html标签当中包含head标签和body标签两种，而head标签表示的是文件头，body标签表示文件体，文件头当中需要包含“字符编码”（head标签中的第一行）、“标题”（title标签）、“其他元信息”（除了字符编码外的其他meta），而文件体当中书写的具体代码就是在网页当中会显示的内容。

此外，在文件头部或文件体当中还可以使用link标签引入CSS文件，或者使用script标签引入JS文件。

关于文档声明，在传统的HTML4当中，有另外三种声明方法，请详见《文档声明 DOCTYPE常见的文档类型》

Q5: HTML文件的基本结构格式

01

首先一开始是需要指定文档类型的，比如图中的!doctype html，就是指定html5的文档类型。

02

然后就是html标签了，html里面分为head和body二个标签。具体的作用下面来讲。

03

在head标签里，我们首先关键的是需要指定title，这个就是浏览器标题上显示的网页标题。

然后可以在这里加上style等样式内容，用来美化页面输出的。

04

在body标签里，就是网页的具体内容了，我们在网页上看到的各种输出，比如表格，表单，图片，视频等内容，都是在这个body里写的代码的。

关于html5标准结构和html结构标签有哪些的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。