HTML文档结构


前言

本文简单总结了web标椎和HTML的基础结构


以下是本篇文章正文内容

Web标准

Web标准是有W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织

需要Web标准的原因:

浏览器不同,他们显示页面或者排版或有些许差异。遵循Web标准可以让不同的开发人员写出的页面更标准、更统一

遵循Web标准优点:

1、让web的发展前景更广阔;
2、内容能被更广泛的设备访问;
3、更容易被搜索引擎搜索;
4、降低网站流量费用;
5、是网站更易于维护;
6、提高页面浏览速度;

Web标准的构成:

结构类似身体(HTML)、表现类似外观装饰(CSS)、行为类似行为动作(JS)

HTMl页面结构图示:

在这里插入图片描述

HTML页面结构代码:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css"></style>
		<link rel="stylesheet" type="text/css" href=""/>
		<script type="text/javascript"></script>
	</head>
	<body>
	<h1>标题一</h1>
	</body>
</html>

解析:

1、<!DOCTYPE html> 声明为 HTML5 文档 :告知 Web 浏览器页面使用了哪种 HTML 版本

2、<html></html> 标签是页面中最大的标签,称其为HTML 页面的根标签

3、<head></head> 标签包含了文档的标题、元(meta)数据,css引入等

4、对于中文网页需要使用 <meta charset="utf-8/GBK/gb2312">声明编码,否则会出现乱码。

5、<title></title> 标签让页面拥有一个属于自己的网页标题

6、<body></body> 元素包含了文档所有可见的页面内容

7、<h1></h1> 元素定义一个大标题

8、<p></p> 元素定义一个段落

总结

以上就是今天要讲的内容,本文仅仅简单总结了Web标准和HTML的基本结构。每个网页都会有一个基本的结构标签(也叫骨架标签),页面内容也是在这些基本标签上书写。注意:HTML文档的后缀名必须是.html或者.htm,浏览器的作用是读取HTML文档,并以网页的形式显示出他们。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值