当前位置：首页 » 编程语言 » html5的结构

html5的结构

发布时间: 2021-03-26 18:54:18

❶ html行为的组成结构

1、HTML——超文本标记语言，浏览器解析html标记后，展示内容
2、H5——HTML5(目前流行比较火）
3、网页的基本结构
3.1静态网页的拓展名htm或html
3.2新建网页的步骤：
1、新建文本文档，更改拓展名为htm或html
2、编写网页的基本结构，并报春
3、双击html文件，在浏览器中运行
3.3网页的基本结构
<html>
<head>
<title>网页的标题</title>
<body>网页显示的内容</body>
</head>
</html>
4、HTML语言的特点
标记，大部分的都是成对存在
不区分大小写 H5区分大小写
浏览器解析HTML标记
二、使用相关的标签进行排版
1、网页的标题
<title></title>
2、标题标签
<h1>....<h6>数字越大标题越小
3、段落标记——<p>[/P]可以有也可以没有
4、换行——<br/> [/]可以有野可以没有
5、水平线——<hr/>
6、字体加粗<strong></strong> 斜体<em></em>
7、HTML中的注释和特殊的符号--P15页
注释：
特殊符号空格；大于号>；小于号<；
引号"；版权符号&；

三、在网页上插入图片
<img src="图片地址" alt ""替换的文字
title ""鼠标悬浮停留时的文字 width ="宽" height"高"/>
ps：src属性必须有其他的属性可以有可以没有
图片路径：相对路劲和绝对路径
1、相对路径，不出现有磁盘名字的路径
../表示上级目录
../../表示目录的上一级目录
2.绝对路径，有磁盘名字的路径
C:\Documents and Settings\Administrator\桌面
***网页中使用相对路径
四、超链接
1、通用语法：
<a href=路径target="-self丨blank"（前是当前页面打开，
后是新建宽口打开>超链接上的显示的文字</a>
2、作用：页面导航

3、锚链接P23.24
1>先设置锚记
<a name="锚记名" </a>
2>超链接访问当前页面中的锚记？
<a href="#锚记名”></a>
4、打开邮件发送邮件
<a href="mailto:邮箱名“>点我发送邮件</a>

❷ 网页HTML的基本结构是什么

<html> '
<head > '头部文来件
<table></table> '网页标题
</head>
<body> '网页正源文
</body>
</html>
上面的就是静态网页的基本格式
<font> </font> '设置字体的样式放在 body里面

❸ 谁知道HTML5页面的基本结构啊

<html>
<head>
<title>网页的标题</title>
</head>
<body>网页显示的内容</body>
</html>

❹ HTML5页面结构的问题，怎么解决

html5页面结构和html的页面结构是相同的，都是可以用DIV来进行调整网站的兼容性

1、<html>
<head>
<title>网站标题</title>
</head>
<body>
<div class="as"></div>
<div class="ac"></div>
</body>
</html>
2、网站结构也可以用table标签进行设置
<html>
<head>
<title>网站标题</title>
</head>
<body>
<table>

<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
</html>

❺ 请描述html5的页面结构同html4有什么区别

1、取消了一些抄过时的 HTML4的标签
其中包括纯粹显示效果的标记，如<font>和<center>，它们已经被 CSS完全取代。
其他取消的属性:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。
2、添加了一些新的元素
比如：更加智能的表单标签：date, email, url 等；更加合理的标签：section, video, progress, nav, meter, time, aside, canvas等。
3、新的全局属性：id, tabindex, repeat
4、文件类型声明（<!DOCTYPE>）仅有一型：<!DOCTYPE HTML>。
5、新的JS API

❻ 2，html5的结构和html2.0的区别

1、简化的语法
更简单的doctype声明是HTML5里众多新特征之一。现在，只需要写<!doctype html>就好了。
2、新的<canvas>标记代替flash
对于Web用户来说，Flash既是惊喜也是一种痛苦。所以，一些开发人员对HTML5威胁Flash的做法不满，但对于那些忍受着要花好久才能加载和运行的臃肿的Flash视频的人来说，用新的<canvas> 标记渲染图像的技术已经梦想成真。
3、新的<header>与<footer>标记
HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么一些像<header>和<footer> 这样的新标记会出现，它们是专门为标志网站的这些部分设计的。
在开发网站时，你不再需要用<div>标记来标注网页的这些部分。
4、新的<section>与<article>标记
跟<header>与<footer>标记相似，HTML5中引入的新的<section> 和<article> 标记可以让开发人员更好的标注页面上的这些区域。
5. 新的<menu> 和<figure> 标记
新的<menu>标记可以被用作普通的菜单，也可以用在工具条和右键菜单上，虽然这些东西在页面上并不常用。
6. 新的<audio> 和<video> 标记
新的<audio> 和<video> 标记可能是HTML5中增加的最有用处的两个东西了。正如标记名称，它们是用来嵌入音频和视频文件的。

❼ html5结构元素的作用

①HTML5出现了很多代表新的语义的标签，就想你说的hgroup、section、aside、figure等等。

②如果你了专解布局方式从以前属的“table表格布局”到现在注重语义化的布局的转变，你就不会奇怪为什么对多出怎么多看上去有点啰嗦的新标签了。
简单点说，你用div也可以实现像aside等标签的功能，但div这个标签创作出来时，目的很简单，就是创建一个分区(division)，而如果你用div来实现其他功能，就违背了它原来的语义了，这不利于代码的可读性、搜索引擎优化等。

③举点例子：
你问的hgroup元素，语义就是组合网页或区段的标题，修改hgroup样式后，被他包围的h1、h4之类的标题元素就会同时继承他设置的样式。
section、aside：分别是定义节(如章节/页眉) 和定义某内容之外的内容(类似题外话的意思)。
比起在HTML5以前的版本，这些标签都是对页面更细致的设置。HTML5使以前用一个像div那样的元素来实现多种作用而导致其语义模糊的情况少了很多。

❽ html5中的结构性标签怎么使用

结构性标签其实就是语义化的html网页框架，一般网页分为：

头部：专header->nav

侧栏：aside

内容：article、属section、div

脚部：footer

这些仅仅是html5的一部分，常出现在整个网页的“大框架”结构上，具体位置如下：

html5 虽然增加了很多新的标签，但是并不代表完全抛弃了原有的标签，例如dl-dt-dd组合标签和ul-li组合标签等。article、section的出现并不代表着div作用减少，而是说更合理更清晰的用html标签表达出网页的结构。

❾ 请写出一个html5文档的基本结构

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset = utf-8">
<title>HTML5</title>
<script type="text/javascript" charset = "utf-8">

function pageLoaded()
{
alert('HTML5 页面加版载完权毕!');
}
</script>
</head>
<body onload="pageLoaded();">
</body>
</html>

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

HTML5是HTML标准的下一个版本。虽然HTML5没有完全颠覆HTML4，但是它们也有一些不同。最新最全的HTML5-HTML4对比信息请看http://dev.w3.org/html5/html4-differences/，貌似略多的样子。在这个IE还仍然存在的世界里，HTML5的差别先掌握一些即可，等全部支持后再细细研究也不迟。

1. 简化的语法
HTML5简化了很多细微的语法，例如doctype的声明，你只需要写<!doctype
html>就行了。HTML 5 指定 UTF-8 编码的方式如下<meta charset="UTF-8">

2.
<canvas>标签替代Flash
Flash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。

3
新增许多标签
HTML5设计的一个原则是更好的体现网站的语义性，所以增加了<header>和<footer>这样的标签，用来明确表示网页的结构；新增
<section> 和 <article>
标签，<section>和<article>也有利于清晰化网页的结构，更有利于SEO；新增 <menu> 和
<figure>
标签，<menu>可以被用于创建传统的菜单，也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业；新增
<audio> 和 <video>
标签，这两个标签可能是HTML5里面最有用的两个标签了，使用起来时也异乎方便，如在HTML5页面中嵌入视频只需一小段

代码如下:

<videowidth="450"height="340"
controls>
<sourcesrc="jamshed.mp4"type="video/mp4">
Your
browserdoes'.

</video>

同理，音频等其他的也类似。

4. 全新的表单
HTML5对 <form> 和 <forminput>
标签进行了大量修改，添加了很多新的属性，也修改了很多属性。

5. 删除 <b> 和 <font> 标签，<frame>, <center>,
<big> 标签

6.HTML5 支持了不同类型的存储类型

HTML5 支持本地存储，在之前版本中是通过 Cookie 实现的。HTML5
本地存储速度快而且安全。并且HTML5有两种不同的对象可用来存储数据，HTML5通过JS来存储和访问数据：

localStorage 适用于长期存储数据，浏览器关闭后数据不丢失

sessionStorage
只是针对一个session的数据存储，存储的数据在浏览器关闭后自动删除

总的来说，HTML5已经超越了标记语言的范畴，更富语义的标签将使得HTML5更有用处。Canvas+WEBGL等技术，实现无插件的动画以及图像、图形处理能力；本地存储，可实现offline应用；websocket，一改http的纯pull模型，实现数据推送的梦想；MathML，SVG等，支持更加丰富的render等

阅读全文

html5的结构

与html5的结构相关的阅读推荐