Web 开发学习笔记四（HTML入门）

最新推荐文章于 2024-08-02 20:11:41 发布

Dream_Ji

最新推荐文章于 2024-08-02 20:11:41 发布

阅读量709

点赞数 14

文章标签： html 前端学习笔记

本文链接：https://blog.csdn.net/weixin_48958486/article/details/140795876

版权

把重要的字词包含在开始标记 <strong> 和结束标记 </strong> 之间可以使他们以粗体显示。
<title>是<head>下的标签，为页面添加标题。
<h1>是<body>下的标签，为body添加顶级标题。

布尔属性

<input type="text" disabled="disabled" />

<!-- 使用 disabled 属性来防止终端用户输入文本到输入框中 -->
<input type="text" disabled />

<!-- 下面这个输入框不包含 disabled 属性，所以用户可以向其中输入 -->
<input type="text" />

实体引用

使用单引号还是双引号都可以。但是当想将英文引号当做文本显示，就必须使用实体引用：

原义字符	等价字符引用
<	`<`
>	`>`
"	`"`
'	`'`
&	`&`

<a href="https://www.example.com" title="Isn't this fun?">示例站点链接</a>

元数据：<meta>元素

<meta charset="utf-8" />

<!-- 拉丁字母表的字符集 -->
<meta charset="ISO-8859-1" />

备注：一些浏览器（比如 Chrome）会自动修正错误的编码，所以根据你所使用的浏览器不同，你或许不会看到这个问题。无论如何，你仍然应该为你的页面手动设置编码为 utf-8，来避免在其他浏览器中可能出现的问题。

许多 <meta> 元素包含了 name 和 content 属性：

name 指定了 meta 元素的类型；说明该元素包含了什么类型的信息。
content 指定了实际的元数据内容。

增加自定义图标

可以在元数据中添加对自定义图标的引用，它们会在某些场景下显示。最常见的用例为 favicon（为“favorites icon”的缩写，在浏览器的“收藏夹”及“书签”列表中显示）。

这个不起眼的图标已经存在很多年了，16 像素的方形图标是第一种类型。你可以看见（取决于浏览器）这些图标出现在浏览器每一个打开的标签页中以及书签面板中的书签页面旁边。

页面添加网页图标的方式有：

将其保存在与网站的索引页面相同的目录中，以 .ico 格式保存（大多数浏览器支持更通用的格式，如 .gif 或 .png）

将以下行添加到 HTML 的 <head> 块中以引用它：

<link rel="icon" href="favicon.ico" type="images/4.png" />

CSS和JavaScript

<link rel="stylesheet" href="my-css-file.css" />

<script src="my-js-file.js" defer></script>

设定主语言

<html lang="zh-CN">
  …
</html>

可以将文档的分段设置为不同的语言。例如，我们可以把日语部分设置为日语：

<p>Japanese example: <span lang="ja">ご飯が熱い。</span>.</p>

Code	Language	Subtags
`en`	English	language
`mas`	Maasai	language
`fr-CA`	French as used in Canada	language+region
`es-419`	Spanish as used in Latin America	language+region
`zh-Hans`	Chinese written with Simplified script	language+script

Dream_Ji

关注

14
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
Web 开发学习笔记四（HTML入门）

可以在元数据中添加对自定义图标的引用，它们会在某些场景下显示。最常见的用例为favicon这个不起眼的图标已经存在很多年了，16 像素的方形图标是第一种类型。你可以看见（取决于浏览器）这些图标出现在浏览器每一个打开的标签页中以及书签面板中的书签页面旁边。
复制链接

扫一扫