前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端id属性和span标签

前端id属性和span标签

作者头像
周杰伦本人
发布2023-10-12 13:56:24
2070
发布2023-10-12 13:56:24
举报
文章被收录于专栏:同步文章

一.页面的id

1.页面中的id一般是唯一的 不可重复 2.id的命名规则:

  • 驼峰
  • 连字符

因公司而异。。 按照谷歌代码风格指南的说法: ID和class名字有多单词组合的用短破折号“-”分开。 别在选择器名字里用短破折号“-”以外的连接词(包括啥也没有), 以增进对名字的理解和查找。

代码语言:javascript
复制
/* 不推荐:“demo”和“image”中间没加“-” */
.demoimage {}

/* 不推荐:用下划线“_”是屌丝的风格 */
.error_status {}
/* 推荐 */
#video-id {}
.ads-sample {}

参考文章: https://iischajn.github.io/trans/htmlcss-guide/#ID_and_class_naming

二.页面的span标签

1.基于结构与样式分离的原则,所有表示样式的html标签都废弃了。 一般页面不要用font标签

代码语言:javascript
复制
<font color="red">今儿天真好</font>

用span标签来代替:

代码语言:javascript
复制
<span id="all-unreadmessage" style="color: red;">
<span>是的</span>
<span>没错</span>
今儿天真好
</span>

2.取span里的值:

代码语言:javascript
复制
$("#all-unreadmessage").html();

3.取span元素

代码语言:javascript
复制
$("#all-unreadmessage" ).children().find("span").eq(0).html();

取得值为 “是的” 0该为1 取得值为 “没错”

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-10-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一.页面的id
  • 二.页面的span标签
相关产品与服务
标签
标签(Tag)是腾讯云推出的云资源管理工具,您可从不同维度对具有相同特征的云资源进行分类、搜索和聚合,从而轻松管理云上资源。 标签是由标签键和标签值共同组成,您可以为云资源创建和绑定标签
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档