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

html-css020

HTML5的页面结构和HTML4有什么不同,第1张

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

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

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

<html>'

<head > '头部文件

<table></table> '网页标题

</head>

<body> '网页正文

</body>

</html>

上面的就是静态网页的基本格式

<font></font> '设置字体的样式放在 body里面

最外层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>