前言
本文简单总结了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文档,并以网页的形式显示出他们。