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

html-css010

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>