HTML的基本结构有哪些

html-css09

HTML的基本结构有哪些,第1张

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

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

头部:header->nav

侧栏:aside

内容:article、section、div

脚部:footer

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

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

HTML文档结构一般包括包括标记(Html)、头部(Head)、主体(Body)三部分。

标记<html></html>:说明该文件是用超文本标记语言来描述的,它是文件的开头,而</html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

头部<head></head>:表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。

主体<body></body>:网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

扩展资料:

一个网页对应多个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即可。

标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现。有三个双标记符用于页面整体结构的确认。

参考资料来源:

百度百科——html代码

百度百科——HTML文件