HTML5中的#表示什么？

于 2023-09-28 18:15:43 发布
阅读量1.2k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： html5 前端 html 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ByteWhiz/article/details/133388152
编程 专栏收录该内容
357 篇文章 ¥29.90 ¥99.00
订阅专栏
HTML5中的#符号在不同的上下文中有多种用途，包括作为锚点进行页面内部导航，作为URL片段标识符标识特定元素，以及在CSS中作为ID选择器。理解这些用法有助于提升网页开发效率。

HTML5是一种用于构建网页结构的标记语言，#在HTML5中有多种含义和用途。让我们逐一介绍这些用法。

  1. 锚点（Anchor）
    在HTML中，#可以用作锚点（Anchor）的标识符。锚点是用于在网页内部进行导航的链接。通过在链接的href属性中使用#符号，可以将页面的滚动位置定位到指定的元素或位置。

下面是一个示例代码，演示如何使用锚点进行页面内部导航：

<!DOCTYPE html>
<html>
<head>
了解本专栏 订阅专栏 解锁全文
你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？
努力是为了站在万人之中，成为别人的光
07-05 26万+
HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！ 在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/
HTML中 &# 的作用
oscar999的专栏
08-03 3328
在HTML中，有些字符是预留的， 比如 `
html添加样式表有什么用,在HTML中#是什么意思?
weixin_39819327的博客
06-03 1735
#是css层叠样式表中的ID选择器ID选择器可以在HTML任意标签中添加选中标签内元素但是在一个 HTML 文档中ID 选择器一个ID只能使用一次#a{color: red;}123 #是css层叠样式表中的ID选择器 这个# 点击后会跳转到本页面的顶部 ！在一个HTML文档中,CSS ID 选择器会根据该元素的ID属性中的内容匹配元素，元素ID属性名必须与选择器中的ID属性名完全匹配，此条样式声...
HTML中的hash（#号）
明明的博客
03-21 7919
一、#的涵义 #代表网页中的一个位置。右面的字符就是代表的位置信息：如 http://localhost：8081/cbuild/index.html#first 就代表网页index.html的first位置。浏览器读取这个URL后，会自动将first位置滚动至可视区域。 为网页制定标识符： 一是使用锚点，比如。 二是使用id属性，比如。 二、HTTP请求不包括
HTML文本、段落标记
weixin_43055077的博客
08-13 8262
对网页中的文字、段落格式化；包括标题字、粗体、下划线、上标、下标文字标注等内容的实现说明，以及预格式化标记等……
# HTML #
wisdom_ying的博客
11-23 279
HTML
对HTML中"#"的理解
congdiuke0239的博客
09-01 976
HTML页面内部的链接的一个实例：......<!--使用链接点--&gt路径信息: BASE 元素...... 元素 <!--定义一个链接点--&gt...... 则这个链接的表示方法为htt...
&#x54C8是什么编码？Html实体
甘蓝的专栏
03-20 2207
&#x54C8;是什么字符？怎么才能具有可读性？什么是html实体？
HTML5实现下雨 水波特效
03-26
在本文中，我们将深入探讨如何使用HTML5的Canvas API来实现一种令人印象深刻的视觉效果——下雨与水波特效。HTML5 Canvas是一个强大的图形绘制工具，它允许开发者通过JavaScript动态地在网页上绘制2D图像。结合CSS3...
#HTML
qq_45486059的博客
06-20 226
注释 告诉浏览器，用什么规范 网页头部 描述性标签，用来描述我们网页的信息,一般是用来做 网页主体 <h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3> <h4>四级标签</h4> <h5>五级标签</h5> <h6>六级标签</h6> <!--段落标签--> <p></p> <!--换行标
HTML
weixin_45936406的博客
07-28 344
## HTML 两大架构： ​ C/S:客户端/服务器 ​ 1.减轻服务器的压力 ​ 2.界面丰富多彩，结构多样化 ​ 缺点： ​ 维护成本高 ​ B/S:浏览器/服务器 ​ 1.简单、维护成本低、只需在一台电脑上部署 ​ 缺点： ​ 界面稍有不足 ​ 服务器压力大 HTML概念： 超文本标记语言。 ​ 使用可视化HTML编辑器： Dreamweaver ​ 首页：index.html ​ 用于网站搜索时的关键词：
html 后# 号的作用，及html 如何传参
feiyan35488的专栏
10-20 768
经常在 网上看到一些静态网页后加着 #XXX 如http://www.family168.com/tutorial/springsecurity3/html/introduction.html#spring-security-core 这种形式。这个#spring-security-core 起的作用就是在 introduction 中定位锚点的作用。   还有如一些如http://www....
html语言中 和 的区别,css中“#”和“.”的区别是什么？
weixin_42497299的博客
05-31 4337
类选择器以标志符(句点)开头，用于指示后面是哪种类型的选择器。ID选择器的标志符是散列符号(#)。标志符用来提醒浏览器接下来出现的是ID值。css中“#”是ID选择器的前缀符号，“.”是类名选择器的前缀符号。id属性一般在一个页面中只可以使用一次，而class可以被多次引用。id作为元素的标签，用于区分不同结构和内容，而class作为一个样式，它可以应用到任何结构和内容上。在布局思路上，一般坚持这...
html教程作用,#HTML教程(标签)
weixin_40001395的博客
06-07 109
1 .基本结构基本解释为标识符,它指出了网页遵循的HTML标准,有时还指出了定义规范的文档类型定义(DTD)包含了组成网页的所有标签``````````都称为标签 称为根标签````称为开始标签````称为结束标签一般来说,标签都是成对出现的标签和标签之间可以相互嵌套,但顺序必须一致标签不区分大小写,但建议使用小写2.基本标签及其用法head部分 标签标题内容将标题内容显示在浏览器的标题栏中...
html使用#号选择样式
egbertasd的博客
02-04 623
html无法设置样式的时候
HTML5基础 #HTML语言
Mrchuncui的博客
03-18 185
HTML5 相比于HTML，HTML5有以下几个新特性 用于绘画的canvas标签 用于媒介回放的video和audio元素 对本地离线存储有更好支持 新的特殊内容元素，如：article、footer、header、nav、section 新的表单控件，如：calendar、date、time、email、url、search 知识点 声明:<!DOCTYPE> 用于区分不...
html5中的#,HTML 5中的结构元素
weixin_28756347的博客
06-20 445
1、header:标记头部区域的内容、footer:标记页脚区域的内容、section：Web页面中的一块区域4、article:独立的文章内容区域5、aside：相关侧边内容或者引文区域6、nav:导航类内容区域其中把UTF-8改为gdkarticleDemo：字母内容其中全部内容A的内容AaB的内容Bb数字内容其中内容1的内容一2的内容二sectionDemo：首页articleaside版权...
<a href="#" onclick="">中#的作用
TYYH的专栏
06-08 465
#表示当前页面的意思，在此是一个小技巧，在href和onclick同时存在是，执行onclick控制页面的跳转 一般onclick会接一个js自定义function，该function控制页面的跳转   如下： HTML部分： &lt;a href="#" onclick="queryAllowImpawnRemoveDraft('&lt;bean:write name="draft" ...
html的url中写什么,html – url中的#符号是什么
weixin_42588555的博客
05-31 498
#后面的URL(包括和)的部分是fragment identifier.它的其余部分是特殊的.要记住的关键是“仅客户端”(当然,客户端可以选择将其发送到服务器……而不是作为片段标识符)：The fragment identifier functions differently than the rest of the URI: namely, its processing is exclusive...
# Read RKCHIP firstly from .config # The regular expression that matching: # - PX30, PX3SE # - RK????, RK????X # - RV???? CHIP_PATTERN=&#39;^CONFIG_ROCKCHIP_[R,P][X,V,K][0-9ESX]{1,5}&#39; RKCHIP=`egrep -o ${CHIP_PATTERN} .config` # default RKCHIP=${RKCHIP##*_} RKCHIP_LOADER=${RKCHIP} RKCHIP_TRUST=${RKCHIP} RKCHIP_LABEL=`sed -n "/CONFIG_CHIP_NAME=/s/CONFIG_CHIP_NAME=//p" .config |tr -d &#39;\r&#39; | tr -d &#39;"&#39;` if [ -z "${RKCHIP_LABEL}" ]; then RKCHIP_LABEL=${RKCHIP} fi 逐行解释下
最新发布
11-09
<think>我们有一个Shell脚本片段，需要逐行解释。脚本片段如下： ```bash # Read RKCHIP firstly from .config # The regular expression that matching: # - PX30, PX3SE # - RK????, RK????X # - RV???? CHIP_PATTERN=&#39;^CONFIG_ROCKCHIP_[R,P][X,V,K][0-9ESX]{1,5}&#39; RKCHIP=`egrep -o ${CHIP_PATTERN} .config` # default RKCHIP=${RKCHIP##*_} RKCHIP_LOADER=${RKCHIP} RKCHIP_TRUST=${RKCHIP} RKCHIP_LABEL=`sed -n "/CONFIG_CHIP_NAME=/s/CONFIG_CHIP_NAME=//p" .config |tr -d &#39;\r&#39; | tr -d &#39;"&#39;` if [ -z "${RKCHIP_LABEL}" ]; then ``` 我们将逐行解释： 1. `# Read RKCHIP firstly from .config`：这是一个注释，说明下面要从`.config`文件中读取RKCHIP。 2. 接下来的三行注释解释了正则表达式要匹配的芯片型号： - `# - PX30, PX3SE` - `# - RK????, RK????X` - `# - RV????` 3. `CHIP_PATTERN=&#39;^CONFIG_ROCKCHIP_[R,P][X,V,K][0-9ESX]{1,5}&#39;`：定义了一个正则表达式字符串，存储在变量`CHIP_PATTERN`中。 - `^CONFIG_ROCKCHIP_`：匹配以“CONFIG_ROCKCHIP_”开头的行。 - `[R,P]`：匹配一个字符，可以是&#39;R&#39;或&#39;P&#39;。 - `[X,V,K]`：匹配一个字符，可以是&#39;X&#39;、&#39;V&#39;或&#39;K&#39;。 - `[0-9ESX]{1,5}`：匹配1到5个字符，这些字符可以是数字（0-9）、字母&#39;E&#39;、&#39;S&#39;或&#39;X&#39;。 4. `RKCHIP=\`egrep -o ${CHIP_PATTERN} .config\``：使用`egrep`命令在`.config`文件中搜索匹配`CHIP_PATTERN`的字符串，`-o`选项表示只输出匹配的部分（而不是整行）。将匹配的结果赋值给变量`RKCHIP`。 - 例如，如果`.config`文件中有一行是`CONFIG_ROCKCHIP_RK3399=y`，那么这里会匹配到`CONFIG_ROCKCHIP_RK3399`。 5. `# default`：注释，说明下面的操作是设置默认值。 6. `RKCHIP=${RKCHIP##*_}`：使用字符串操作去掉`RKCHIP`变量值中最后一个下划线（`_`）及其前面的所有字符。 - 例如，如果`RKCHIP`的值是`CONFIG_ROCKCHIP_RK3399`，那么经过这个操作后，`RKCHIP`的值变为`RK3399`。 7. `RKCHIP_LOADER=${RKCHIP}`：将`RKCHIP`的值赋给`RKCHIP_LOADER`。 8. `RKCHIP_TRUST=${RKCHIP}`：将`RKCHIP`的值赋给`RKCHIP_TRUST`。 9. `RKCHIP_LABEL=\`sed -n "/CONFIG_CHIP_NAME=/s/CONFIG_CHIP_NAME=//p" .config |tr -d &#39;\r&#39; | tr -d &#39;"&#39;\``：从`.config`文件中提取芯片标签。 - `sed -n "/CONFIG_CHIP_NAME=/s/CONFIG_CHIP_NAME=//p" .config`：使用`sed`命令查找包含`CONFIG_CHIP_NAME=`的行，然后删除`CONFIG_CHIP_NAME=`部分，只保留等号后面的值并打印出来。 - `tr -d &#39;\r&#39;`：删除可能存在的回车符（Windows换行符）。 - `tr -d &#39;"&#39;`：删除可能存在的双引号。 - 例如，如果`.config`中有一行是`CONFIG_CHIP_NAME="rk3399"`，那么经过这个命令后，得到`rk3399`（没有引号）。 10. `if [ -z "${RKCHIP_LABEL}" ]; then`：判断`RKCHIP_LABEL`变量是否为空字符串。如果为空，则执行后续的代码（在用户提供的片段中没有给出后续代码）。 这样，我们就完成了逐行解释。 </think>### 逐行解释代码 ```bash # Read RKCHIP firstly from .config ``` ▶️ 注释说明：此行表示将从`.config`配置文件中读取芯片型号信息（RKCHIP是Rockchip芯片的标识符）[^1]。 --- ```bash # The regular expression that matching: # - PX30, PX3SE # - RK????, RK????X # - RV???? CHIP_PATTERN=&#39;^CONFIG_ROCKCHIP_[R,P][X,V,K][0-9ESX]{1,5}&#39; ``` ▶️ **正则表达式定义**： 1. 注释列出支持匹配的芯片型号前缀 2. `CHIP_PATTERN`变量定义正则表达式： - `^CONFIG_ROCKCHIP_`：匹配以该字符串开头的行 - `[R,P]`：匹配字母R或P（对应Rockchip或PX系列） - `[X,V,K]`：匹配X/V/K（如RV/RK/PX系列） - `[0-9ESX]{1,5}`：匹配1-5位的数字或特定字母（E/S/X），例如： - `RK3399` → 匹配 - `PX30` → 匹配 - `RV1108X` → 匹配 --- ```bash RKCHIP=`egrep -o ${CHIP_PATTERN} .config` ``` ▶️ **芯片型号提取**： - 使用`egrep`在`.config`文件中搜索匹配`CHIP_PATTERN`的内容 - `-o`参数：只输出匹配的部分（如`CONFIG_ROCKCHIP_RK3588`） - 结果存入`RKCHIP`变量 --- ```bash # default RKCHIP=${RKCHIP##*_} ``` ▶️ **字符串处理**： 1. 注释表示设置默认值 2. `${RKCHIP##*_}`：删除最后一个`_`及其前面的所有字符 - 输入：`CONFIG_ROCKCHIP_RK3588` - 输出：`RK3588` - ※ 这是Shell的[模式删除](https://www.gnu.org/software/bash/manual/html_node/Shell-Parameter-Expansion.html)语法 --- ```bash RKCHIP_LOADER=${RKCHIP} RKCHIP_TRUST=${RKCHIP} ``` ▶️ **变量赋值**： - 将处理后的芯片型号赋值给引导加载器(`RKCHIP_LOADER`)和信任区(`RKCHIP_TRUST`)相关变量 - 为后续固件生成步骤提供统一标识[^1] --- ```bash RKCHIP_LABEL=`sed -n "/CONFIG_CHIP_NAME=/s/CONFIG_CHIP_NAME=//p" .config |tr -d &#39;\r&#39; | tr -d &#39;"&#39;` ``` ▶️ **芯片标签提取**： 1. `sed -n "/CONFIG_CHIP_NAME=/s/CONFIG_CHIP_NAME=//p"`： - 在`.config`中查找包含`CONFIG_CHIP_NAME=`的行 - 删除`CONFIG_CHIP_NAME=`部分（保留等号后内容） 2. `tr -d &#39;\r&#39;`：删除Windows换行符`\r` 3. `tr -d &#39;"&#39;`：删除双引号（如`"rk3588"`→`rk3588`） 4. 结果存入`RKCHIP_LABEL` --- ```bash if [ -z "${RKCHIP_LABEL}" ]; then ``` ▶️ **空值检查**： - `[ -z ... ]`：检查字符串是否为空 - 若`.config`中未定义`CONFIG_CHIP_NAME`，则进入后续处理逻辑（代码片段未完） --- ### 技术原理图示 ```mermaid graph LR A[.config文件] --> B{正则匹配<br>CHIP_PATTERN} B --> C[RKCHIP=CONFIG_ROCKCHIP_XXX] C --> D[删除前缀→RK3588] D --> E[赋值给LOADER/TRUST] A --> F{标签提取} F --> G[RKCHIP_LABEL] G --> H{空值检查} ``` ### 相关问题 1. 正则表达式`[0-9ESX]{1,5}`中的`ESX`有什么特殊含义？ 2. Shell脚本中`${VAR##pattern}`和`${VAR#pattern}`有什么区别？ 3. 在嵌入式开发中为何需要单独处理引导加载器(LOADER)和信任区(TRUST)？[^1] 4. `tr -d &#39;\r&#39;`为何在跨平台开发中特别重要？ 5. 如何验证`.config`文件中芯片配置的正确性？ 6. 这段代码在Rockchip平台开发流程中的典型应用场景是什么？[^1]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值