HTML的认识：标签组成及关系、html网页基本组成结构、web标准

Cx330—bx

已于 2023-05-10 09:38:31 修改

阅读量252

点赞数

文章标签：前端 html

于 2023-05-09 20:41:02 首次发布

本文链接：https://blog.csdn.net/Echo_bx/article/details/130587946

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

文章目录

HTML的认识
一、标签组成及关系
- 标签的两种关系：
二、html网页基本结构：
三、web标准：
- web标准的作用
- web标准的构成：

HTML的认识

HTML:一种用来描述网页的语言，指的是超文本标记语言 (Hyper Text Markup Language) ，这种标记语言是一套标记标签，html通过标记标签来描述网页。

一、标签组成及关系

1.HTML 标签是由尖括号包围的关键词，例如。
2.HTML 标签通常是成对出现的，例如和，称为双标签。
3有些特殊的标签必须是单个标签（极少情况），例如
，称为单标签。

标签的两种关系：

双标签关系可以分为两类：包含关系和并列关系

包含标签：

   <head>  
        <title> </title> 
    </head>

并列关系：

       <head> </head>
       <body> </body>

二、html网页基本结构：

标签	描述	备注
< head>	定义了文档的信息
< title>	定义了文档的标题
< base>	定义了页面链接标签的默认链接地址	描述了基本的链接地址/链接目标该标签作为HTML文档中所有的链接标签的默认链接
< link>	定义了一个文档和外部资源之间的关系
< meta>	定义了HTML文档中的元数据	提供了元数据,元数据也不显示在页面上，但会被浏览器解析
< script>	定义了客户端的脚本文件
< style>	定义了HTML文档的样式文件

<meta> 标签:
通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
使用实例
为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容:
<meta name="description" content="免费 Web & 编程 教程">
定义网页作者:
<meta name="author" content="Runoob">
每30秒钟刷新当前页面:
<meta http-equiv="refresh" content="30">

<html><!--根标签-->
    <head><!--头部标签-->
        <meta charset="UTF-8"><!--字符集-->
        <!--不写UTF-8网站会乱码-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <titile><!--文档标题-->
            标题
        </titile>
    </head>
    <boody><!--文档主体-->
        内容
    </boody>
</html>

三、web标准：

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

web标准的作用

浏览器不同，它们显示页面或者排版就有些许差异

遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外，还有以下优点：
1.让 Web 的发展前景更广阔。
2.内容能被更广泛的设备访问。
3.更容易被搜寻引擎搜索。
4.降低网站流量费用。
5.使网站更易于维护。
6.提高页面浏览速度。

web标准的构成：

主要包括《结构Structure》、《表现（Presentation）》和《行为（Behavior）》三个方面。
Web 标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：
结构写到 HTML 文件中

表现写到 CSS 文件中

行为写到 JavaScript 文件中

1.结构类似身体

2.表现类似外观装饰

3.行为类似行为动作

4.相比较而言, 三者中结构最重要.