HTML 简介

首页 / HTML / CSS / HTML / HTML 简介 /

技术教程

HTML

HTML 简介 HTML 编辑器基本的 HTML 标签 - 四个实例 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 样式 HTML 文本格式化 HTML 引用 HTML 注释 HTML 颜色 HTML 颜色名

HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。它允许开发者通过一系列的元素和属性来描述网页的结构和内容。HTML 文档，也就是网页，可以被网络浏览器读取并渲染成可视化的界面。

HTML 的基本结构

一个基本的 HTML 文档结构大致如下：

&lt;!DOCTYPE html&gt;

&lt;html&gt;

&lt;head&gt;

&lt;title&gt;页面标题&lt;/title&gt;  


&lt;/head&gt;

&lt;body&gt;

&lt;h1&gt;这是一个标题&lt;/h1&gt;  
&lt;p&gt;这是一个段落。&lt;/p&gt;  


&lt;/body&gt;

&lt;/html&gt;

<!DOCTYPE html> 声明文档类型，告诉浏览器这是一个 HTML5 文档。
<html> 元素是 HTML 文档的根元素。
<head> 元素包含了文档的元数据，如标题、字符集声明、样式表和脚本链接等。
<title> 元素指定了网页的标题，这个标题会显示在浏览器的标签页上。
<body> 元素包含了网页的主要内容，如文本、图片、视频等。

HTML 元素

HTML 元素由开始标签、内容和结束标签组成（某些元素可能是空元素，没有内容也没有结束标签，如 <br>）。例如，<p>这是一个段落。</p> 中，<p> 是开始标签，</p> 是结束标签，中间的是内容。

HTML 属性

HTML 元素可以拥有属性，这些属性为元素提供了额外的信息。例如，<img src=“image.jpg” alt=“描述性文本”> 中的 src 和 alt 就是属性。src 指定了图像的来源，而 alt 提供了图像的替代文本，以便在图像无法显示时提供信息。

HTML 的重要性

HTML 是构建网页的基础，它定义了的结构和内容。与 CSS（用于样式设计）和 JavaScript（用于交互功能）一起，HTML 构成了前端开发的三大核心技术。无论是简单的静态网页还是复杂的动态网站，HTML 都是不可或缺的一部分。

HTML 网页结构

HTML网页结构主要由几个关键部分组成，每个部分都有其特定的功能和用途。以下是一个典型的HTML网页的基本结构：

&lt;!DOCTYPE html&gt;

&lt;html&gt;

&lt;head&gt;

&lt;meta charset="UTF-8"&gt;  
&lt;title&gt;网页标题&lt;/title&gt;  
&lt;!-- 可以在这里链接CSS样式表和JavaScript脚本 --&gt;  
&lt;link rel="stylesheet" type="text/css" href="styles.css"&gt;  
&lt;script src="script.js"&gt;&lt;/script&gt;  


&lt;/head&gt;

&lt;body&gt;

&lt;!-- 网页的主要内容在这里定义 --&gt;  
&lt;header&gt;  
    &lt;!-- 头部内容，如导航栏、标志等 --&gt;  
&lt;/header&gt;  

&lt;nav&gt;  
    &lt;!-- 导航菜单 --&gt;  
&lt;/nav&gt;  

&lt;main&gt;  
    &lt;!-- 网页的主体内容 --&gt;  
    &lt;section&gt;  
        &lt;!-- 一个内容区块 --&gt;  
    &lt;/section&gt;  

    &lt;aside&gt;  
        &lt;!-- 侧边栏或者相关内容 --&gt;  
    &lt;/aside&gt;  
&lt;/main&gt;  

&lt;footer&gt;  
    &lt;!-- 页脚内容，如版权信息、联系方式等 --&gt;  
&lt;/footer&gt;  


&lt;/body&gt;

&lt;/html&gt;

以下是各个部分的简要说明：

<!DOCTYPE html>：文档类型声明，告诉浏览器这是一个HTML5文档。
<html>：HTML文档的根元素。
<head>：包含文档的元数据，如文档的标题、字符集声明、样式表链接、脚本链接等。这些信息主要服务于搜索引擎优化（）和页面功能的实现。
<meta charset=“UTF-8”>：定义字符编码为UTF-8，支持国际化字符。
<title>：定义浏览器工具栏的标题，也是搜索引擎结果中显示的标题。
<link>：用于链接外部CSS样式表。
<script>：用于链接JavaScript脚本文件，实现网页的交互功能。
<body>：包含网页的可见内容，如文本、图片、视频等。
<header>：通常包含网站的标题、标志（logo）和主导航菜单。
<nav>：包含网站的导航菜单，帮助用户浏览网站的不同部分。
<main>：包含网页的主要内容，是用户最关心的部分。
<section>：表示文档或应用的一个独立部分，通常具有标题。
<aside>：表示与页面主要内容相关，但可以独立存在的内容，如侧边栏。
<footer>：通常包含版权信息、联系方式、公司信息等，位于页面的底部。

这个结构是一个典型的HTML5页面骨架，开发者可以根据自己的需求添加或删除部分元素，以及通过CSS和JavaScript来增强页面的功能和视觉效果。

HTML 版本

HTML（HyperText Markup Language）自诞生至今，已经经历了多个版本的更新和发展。以下是HTML的主要版本及其关键特性的归纳：

7年12月18日成为W3C推荐标准。
该版本对之前的HTML版本进行了清理，标记了一些过时的元素和属性。
7年被W3C接纳，并成立了新的HTML工作团队。
自2014年起，HTML5被广大开发者广泛采用，成为当前最新的HTML版本。
HTML5引入了许多新特性，如语义化元素、表单相关新元素和新属性、canvas元素用于绘图、多媒体相关的video和audio元素，以及Geolocation API等。
HTML5还增强了对本地存储的支持，提供了两种客户端存储数据的方法：localStorage和sessionStorage。

HTML的版本历史经历了从初版到HTML5的多个重要更新，每个版本都带来了新特性和改进，以适应不断发展的网络技术和用户需求。目前，HTML5是最新的版本，并且得到了广泛的应用和支持。

<!DOCTYPE>声明

<!DOCTYPE> 声明在 HTML 文档中非常重要，它位于文档的最开始处，用于告知浏览器页面使用的是哪个 HTML 版本，以及如何正确地渲染页面内容。<!DOCTYPE> 不是一个 HTML 标签，而是一个文档类型声明。

在 HTML5 中，<!DOCTYPE> 声明被简化为 <!DOCTYPE html>，不基于 DTD（Document Type Definition，文档类型定义），因此不需要引用外部文件。这种简化旨在使 HTML 更加易于编写和解析，同时保持对旧版浏览器的向后兼容性。

以下是 <!DOCTYPE> 声明的一些关键点：

作用：告诉浏览器该文档是 HTML5 文档，以便浏览器能够正确地解析和显示内容。
位置：<!DOCTYPE> 声明必须位于 HTML 文档的第一行，位于任何 HTML 标签之前。
必要性：虽然现代浏览器在缺少 <!DOCTYPE> 声明时通常也能正确解析 HTML5 文档，但包含该声明是最佳实践，因为它可以确保浏览器以标准模式（而不是怪异模式）渲染页面。在标准模式下，浏览器遵循更严格的规范和兼容性标准。
兼容性：HTML5 的 <!DOCTYPE html> 声明被设计为向后兼容，意味着即使是较老的浏览器也能识别并尽可能以标准模式渲染页面。
与 HTML 4.01 的区别：在 HTML 4.01 中，<!DOCTYPE> 声明更为复杂，通常需要指定 DTD，例如 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd%22%3E。这种复杂性在 HTML5 中被大大简化。

使用正确的 <!DOCTYPE> 声明是确保网页在不同浏览器中一致显示的重要步骤。在编写 HTML5 文档时，始终在文档开头包含 <!DOCTYPE html> 声明是一个好习惯。

中文编码

中文编码是指为汉字设计的一种便于输入计算机的代码。由于电子计算机现有的输入键盘与英文打字机键盘完全兼容，因此需要特定的编码方式将汉字转换为计算机能够识别和处理的格式。以下是对中文编码的详细解释和归纳：

一、中文编码的必要性

汉字数量庞大且字形复杂，存在大量一音多字和一字多音的现象，这使得汉字输入计算机变得相对困难。因此，需要特定的编码方式来解决这些问题，使汉字能够方便、准确地输入计算机。

二、中文编码的方式

机器自动识别汉字：通过“视觉”装置（如光学字符阅读器）来识别汉字。
语音识别输入：计算机通过语音识别技术来辨别汉语语音要素，从而输入汉字。
汉字编码输入：根据一定的编码方法，由人借助输入设备将汉字输入计算机。这是目前比较现实和常用的方式。

三、常用的汉字编码

GB2312：中国标准总局制定的国家标准，用于信息交换。它将汉字压缩成两个字节进行表示。
Unicode编码：能够包含全球所有语言的字符，已成为事实上的国际标准。对于汉字，Unicode也可以进行编码表示。
GBK、UTF-8、UTF-16等：这些都是目前常用的汉字编码方式，它们采用不同的编码策略来存储和处理汉字数据。

四、汉字编码的特点

多种编码方式：根据应用需求和使用场景，可以选择不同的编码方式。
压缩存储空间：通过编码技术，可以将汉字数据压缩存储，节省空间。
规范化字符集：汉字编码是针对汉字字符集的规范，方便计算机进行存储、传输和处理。

五、汉字编码的应用场景

汉字编码方案主要应用于汉字信息处理和交换、汉字输入法以及搜索引擎等场景。在这些场景中，汉字需要转换成计算机可处理的编码才能进行存储、传输和处理。

中文编码是解决汉字输入计算机问题的重要手段。通过选择合适的编码方式，可以高效、准确地处理汉字数据，满足各种应用场景的需求。

上一篇：没有了

下一篇： HTML 编辑器