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。

相关推荐
谷歌开发者19 分钟前
Web 开发指向标 | Chrome 开发者工具学习资源 (一)
前端·chrome·学习
名字越长技术越强23 分钟前
Chrome和IE获取本机ip地址
前端
天***889623 分钟前
Chrome 安装失败且提示“无可用的更新” 或 “与服务器的连接意外终止”,Chrome 离线版下载安装教程
前端·chrome
半梦半醒*26 分钟前
zabbix安装
linux·运维·前端·网络·zabbix
大怪v1 小时前
【搞发🌸活】不信书上那套理论!亲测Javascript能卡浏览器Reader一辈子~
javascript·html·浏览器
清羽_ls1 小时前
React Hooks 核心规则&自定义 Hooks
前端·react.js·hooks
你的人类朋友1 小时前
“签名”这个概念是非对称加密独有的吗?
前端·后端·安全
西陵1 小时前
Nx带来极致的前端开发体验——任务缓存
前端·javascript·架构
10年前端老司机3 小时前
Promise 常见面试题(持续更新中)
前端·javascript
潘小安3 小时前
跟着 AI 学 (一)- shell 脚本
前端·ci/cd·vibecoding