apple.html

🌙
手机阅读
本文目录结构
a'xi'he

apple.html

HTML 基础

超文本标记语言(HTML)是用于创建 Web 内容的基本标记语言。您的 HTML 必须结构合理且有效,才能与台式机上的 Safari 和 iOS 上的 Safari 一起正常使用。阅读本附录,以了解有关创建符合标准的 HTML 内容的更多信息。

有关 Safari 支持的所有 HTML 元素的完整指南,请参阅 Safari HTML 参考。

推荐

如果你想学习 HTML,推荐下面几个教程,可以更详细的了解 HTML

什么是 HTML?

HTML 是 Web 上内容结构的标准。设计人员的初衷是提供 Web 浏览器将其内容解析为有意义的格式所需的结构。该结构可以定义整个文档,包括标题,文本,列表,数据表,图像等。随着网络的蓬勃发展,它也开始融合样式和多媒体方面。

可以说,HTML 的最重要功能是“超链接”文本的功能。这使内容提供者能够将 Web 上其他内容的 URI 分配给一个文本块,从而允许该内容的用户单击并跟随它。

HTML 标准的最新修订版回到了过去(使用称为 Cascading 样式表或 CSS 的技术)将 Web 内容(HTML)的结构与内容表示分离的时代。您可以在 CSS 基础附录中了解有关创建有效的 Web 内容样式的更多信息。

相反,本附录仅涵盖 HTML 的结构以及如何为各种客户端正确设置文档格式。它没有讨论高级 HTML 功能或正确的网页布局和设计

基本 HTML 结构

有一些基本的结构块构成了 HTML 文档的核心。在清单 A-1 中显示的 HTML 代码上下文中描述了这些块。

清单 A-1 基本的 HTML 文档

<!DOCTYPE html>
<html>
    <head>
        <title>HTML Sample Code</title>
    </head>
    <body>
        <div>
            <img src="myWelcomeGraphic.gif" alt="Welcome!">
        </div>
        <h1>Big Heading</h1>
        <p>This is our HTML sample code. It shows many elements:</p>
        <ul>
            <li>The HTML document block.</li>
            <li>The HEAD and title of the page.</li>
            <li>A paragraph.</li>
            <li>An unordered list.</li>
        </ul>
    </body>
</html>

HTML 文档块:所述<html>文件块是用于网页的 HTML 代码的全部。在示例中,定义此块<html>和的标签</html>位于文档的顶部和底部。该文档的开头带有一个 DOCTYPE 声明,该声明告诉浏览器用来解析网页的规范。如果遵循 HTML5 规范的严格约定,则应使用上面显示的声明。否则,可以将其保留,但默认为“怪癖”模式。有关文档验证类型的更多信息,请参考 HTML5 规范。

head 块:该<head>块定义有关网页的元数据块。在这种情况下,您可以看到网页中包含一个<title>元素。标题是显示在 Web 浏览器窗口顶部的文本。该<head>块还可以包含各种其他元数据,例如,外部链接的 CSS 样式表(使用 link 标记)和 JavaScript 函数集。此块应始终至少包含标题,并且应始终位于正文内容的外部。

正文块:该块定义了文档的整个正文,它应该包含网页本身的可见内容。主体块本身并非设计用于内联内容。相反,您应该定义其他块元素(如段落,分区和标题),并将内容嵌入其中。该<body>块应用于指定整个内容的样式参数。

其他块元素:内容<body>块中包含许多其他基本块元素。它们包括:

Heading。在这种情况下,由<h1></h1>标签指定,它定义了下一个内容块的标题。标头可以有六种不同的大小,范围从非常大的第一级标题(由<h1></h1>标记定义)到小的第六级标题(由<h6></h6>标记定义)。它应仅包含简短的文本,其他内容(例如大文本块,图像和电影)应嵌入其他适当的块元素(如段落和分区)中。

Paragraph。由<p></p>标记指定,这是 Web 内容的基本块元素之一。每个单独的段落都应包含定义网页可读内容的内联文本内容,并且不应包含任何其他块元素。通常,段落块仅用于文本。该段的替代方法是除法,它是其他媒体类型(例如图像和电影)的最合适的块元素。

Division/Section。由<div></div>标签指定,该部门旨在包含各种内容,包括文本,图像和其他多媒体。它也可以包含其他块元素,例如段落,尽管通常不建议将其他部分包含在其他部分中。通常,分割块用于为内容块定义统一的样式。在上面的示例中,划分块包含网页的标题图像。

List。HTML 支持两种基本类型的列表,有序列表(由<ol></ol>标记指定)和无序列表(由<ul></ul>标记指定),如上例所示。有序列表用递增编号(1、2、3 等)标记每个列表元素(由<li></li>标记指定)。无序列表用项目符号标记每个列表元素,尽管可以使用 CSS 样式更改此标记。

现在,您已经了解了 HTML 结构的一些基本框架元素。诸如段落和分区之类的块元素是内容的核心,它们本身是不可见的,但它们包含诸如文本,图像和电影之类的内联元素。下一节将带您更深入地了解 HTML 内容的某些功能。

更多 HTML 搜索

通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容,可以知道他们实际工作使用了什么技术或者什么地方薄弱;

你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容;

注:这里仅收录了常见搜索,并不是无论搜索什么都记录在里面的;

如果你是为了面试做准备的,那么推荐你查看 HTML面试题,这里基本包涵了市场上的所有 HTML 方面的面试题,让你更加牢固的掌握 HTML 知识

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang