HTML + CSS 连载 | 03 - HTML 不常用元素及属性

一、HTML 不常用元素

HTML 中不常用的元素有以下几个,分别是:

  • strong 元素:用于内容加粗、强调
  • i 元素:用于内容倾斜
  • code 元素:用于显示代码
  • br 元素:用于换行

新建一个 HTML 页面,使用上述几种元素,具体代码如下:

在浏览器中打开页面,效果如下:

在后续的开发中,这些元素很少使用或者基本不用,它们对应的效果我们都可以通过 CSS 来实现。

二、HTML 全局属性

在了解了常用的和不常用的 HTML 元素之后,我们知道 HTML 元素具有属性的,有的属性是只存在特定的元素中,如 img 元素的 src、a 元素的 href,而有些属性是所有的 HTML 元素都具有,这种属性称为全局属性。

常见的 HTML 元素的全局属性有:

  • id:定义唯一标识符,该标识符在整个 HTML 文档中必须是唯一的,其目的是在链接、脚本或者样式中使用
  • class:一个以空格分隔元素的类型列表,允许 CSS 和 JavaScript 通过类选择器或者 DOM 方法来选择和访问特定的元素
  • style:用于给元素添加内联样式
  • title:包含表示与其所属元素相关信息的文本,这些信息通常可以作为提示呈现给用户,但不是必须的

HTML 元素的全局属性有很多,可以通过 MDN 文档来查询。

三、HTML 字符实体

HTML 实体是一段以 & 开头、以 ; 结尾的文本,HTML 实体用于显示保留字符和不可见字符,比如说我们想要在页面上显示一段带有开始标签和结束标签的 HTML 代码,该如何表示?

打开浏览器,效果如下:

如果我们直接使用 <p>p元素中的内容</p>,这样会被浏览器解析,并不显示出来完整的代码,也就是说 <> 是保留字符,这些字符会别 HTML 解析,除此之外还有一些其他的字符都可以用字符实体来表示,具体如下:

符号 描述 实体名称 实体编号
空格 &nbsp; &#160
< 小于号 &lt; &#60
> 大于号 &gt; &#62
& 和号 &amp; &#38
" 单引号 &quot; &#34
' 双引号 ' &#39
商标 &trade; &#8482
× 乘号 &times; &#215
÷ 除号 &divide; &#247

四、URL 与 URI

URL 即 Uniform Resources Locators,表示统一资源定位符; URL 就是一个特定的资源在 Web 服务器上的地址,每个 URL 都指向一个唯一的资源,这个资源可能是一个 HTML 页面、一个文档或者是一幅图片等。

URL 的标准格式如下:

[协议类型]://[服务器地址]:[端口号]/[文件路径]/[文件名]?[查询]#[片段]

URI 即 Uniform Resources Identifier,表示统一资源标志符,用于标识 Web 技术使用的逻辑或者物理资源。

URI 在某一个规则下能把一个资源独一无二的标识出来,URL 作为一个网络 Web 资源的地址,可以将唯一一个资源识别出来,所以 URL 就是一个 URI,URL 是 URI 的子集,但是 URI 并不一定是 URL。

相关推荐
行走的陀螺仪20 分钟前
Sass 详细指南
前端·css·rust·sass
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ25 分钟前
React 怎么区分导入的是组件还是函数,或者是对象
前端·react.js·前端框架
LYFlied38 分钟前
【每日算法】LeetCode 136. 只出现一次的数字
前端·算法·leetcode·面试·职场和发展
子春一240 分钟前
Flutter 2025 国际化与本地化工程体系:从多语言支持到文化适配,打造真正全球化的应用
前端·flutter
QT 小鲜肉1 小时前
【Linux命令大全】001.文件管理之file命令(实操篇)
linux·运维·前端·网络·chrome·笔记
羽沢312 小时前
ECharts 学习
前端·学习·echarts
LYFlied2 小时前
WebAssembly (Wasm) 跨端方案深度解析
前端·职场和发展·wasm·跨端
七月丶2 小时前
实战复盘:我为什么把 TypeScript 写的 CLI 工具用 Rust 重写了一遍?
前端·后端·rust
over6972 小时前
《闭包、RAG与AI面试官:一个前端程序员的奇幻LangChain之旅》
前端·面试·langchain