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。

相关推荐
滴滴答答哒2 分钟前
c#将平铺列表转换为树形结构(支持孤儿节点作为独立根节点)
java·前端·c#
雨季mo浅忆2 分钟前
第四项目梳理
前端·面试·vue2
a1117762 分钟前
三维地图可视化 ThreeJS vue 开源项目
前端·javascript·vue.js
接着奏乐接着舞。2 小时前
部署BFF与前端的踩坑与经验记录
前端·node.js
小李子呢02119 小时前
前端八股CSS(2)---动画的实现方式
前端·javascript
GreenTea11 小时前
从 Claw-Code 看 AI 驱动的大型项目开发:2 人 + 10 个自治 Agent 如何产出 48K 行 Rust 代码
前端·人工智能·后端
渣渣xiong11 小时前
从零开始:前端转型AI agent直到就业第五天-第十一天
前端·人工智能
布局呆星11 小时前
Vue3 | 组件通信学习小结
前端·vue.js
C澒11 小时前
IntelliPro 企业级产研协作平台:前端智能生产模块设计与落地
前端·ai编程