开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

标签的选择

这么多篇文章下来，大家对如何进行页面布局想必已经有了自己的一些想法，特别是上周的文本样式的介绍，让大家可以实现了对整个页面的搭建以及制作。所以基本的制作已经没有什么问题的情况下，我们需要考虑的就是如何能够实现的更好，能够让我们做的页面代码精简度、性能让能够更符合我们的开发规范。所以今天我们着重的给大家来讲解一下如何选择标签，以最精简的代码实现我们的页面制作。本文内容概要： 1 标签的默认样式 2 标签的语义性 3 标签的嵌套规则 4 标签的选用原则 5 合理选择标签的案例展示一、标签的默认样式通过这么

09

HTML标签嵌套规则

HTML5学堂：HTML标签存在一定的嵌套规则，如果我们不遵循这个嵌套规则进行代码书写，也能够实现出基本的功能（这大概也是HTML+CSS的特殊之处吧），但是直接影响着我们的代码质量。很俗的来说，也跟工资挂钩啦~~~另外，温馨提示各位，记忆知识应当采用合适的方法，不要一句一句背诵。块就如同盒子，行就如同一段文字。之后就是块、行的嵌套关系，对于列表项、form、table对子层内容有一定的要求。这样来记忆要好很多~ 基本嵌套规则 1、body可以直接包含块状元素、ins、del、script。不可以直接包含行

04

您找到你想要的搜索结果了吗？

是的

没有找到

关于p标签不能嵌套div标签引发的标签嵌套问题总结

问题由来：

标签，两个都是块级元素，按理应该可以正常显示，但是最后的结果居然是多出来一段

的效果，所以就在网上找了许多关于标签嵌套规则的资料，下面做一个个人总结。

03

前端零基础入门：页面结构层HTML（3）

标签是一个区块容器标记，

之间是一个容器，可以包含段落，表格，图片等各种HTML元素。

00

前端part-1-基础标签

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>猜猜我想说什么</title> </head> <body>

叼毛！

食屎啦你

00

第153天：关于HTML标签嵌套的问题详解

div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul……

02

Form 表单问题多多（上）

HTML5学堂 - 刘国利：2013年8月时，曾在给学生讲解WEB前端开发的HTML和CSS基本知识，学生要面对“表单”的制作。我喜欢把“表单”称之为初入前端的人的“恶梦”。不得不说，表单这个东西在前端开发的时候，问题是相当之多的，从嵌套规则、书写习惯，到浏览器的兼容问题，有很多需要注意的地方。根据行业变化，针对本篇文章进行了内容的调整，并重新书写部分内容，调整时间2015年08月03日。本篇博文当中主要内容 form标签必不可少 form标签的嵌套规则关于fieldset以及legend标签在for

HTML和xml有哪些区别？

HTML（Hypertext Markup Language）和XML（eXtensible Markup Language）是两种常用的标记语言，在Web开发和数据交换领域有重要作用。本文将介绍HTML和XML的区别，帮助读者理解它们的设计目的、语法规则和应用场景。

05

scss是什么？安装使用的步骤是？有哪几大特性？

SCSS（Sassy CSS）是CSS的一种超集，它引入了许多增强的特性和功能，使得编写和维护CSS样式更加方便和灵活。SCSS使用类似于CSS的语法，同时还支持嵌套规则、变量、Mixin、继承等高级特性。

03

HTML知识复习

HTML5学堂：本篇文章主要是从头到尾串一下HTML4.0的知识点。很多知识在网站各个文章中都已经讲解过了，在这里就不再重复书写了。学习时，知识点固然重要，但是能否将知识点串成线，织成网？希望大家能够通过此文章，与我一起将HTML4.0的知识更好的串下来。另外，本篇文章献给我亲爱的学生们使用，希望能够在复习方面能够帮上你们的忙。标签的基本分类在原来CSS出现、普及之前，HTML标签有很多种，主要分为结构性、内容性与修饰性的标签。随着CSS的广泛使用，HTML代码当中很多标签都已经不再使用了，比如

04

HTML标签嵌套规则

div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

01

css和styl的区别

理解.css文件和.styl文件之间的共同点和区别需要对它们的特性、语法、工作流程等方面有深入的了解。让我们深入探讨这些方面，以便更全面地理解它们。

01

学习前端第1周第3天

了解浏览器的怪癖模式了解标签的嵌套规则了解表单相关元素（form input，textarea,select等）的用法了解常用的HTML实体（ ,<之类）作业写一个表单的HTML。表单的内容包括：姓名性别 (单选按钮) 所在国家 (下拉框) 年龄爱好可多选 (复选框) 自我介绍做w3school的HTML测试。20题最少要答对15题，达不到的话，做到能达到为止。

04

CSS中的@关键字

大家可能在CSS中见到过字符@然后加一些关键字的用法，这种用法就称之为AT规则，在CSS中，种类还是很多的，这里总结列举下。

01

一文带你了解最新的CSS原生嵌套语法！

在Web开发中，CSS是一种关键的技术，用于样式化HTML元素。而为了更好地组织和管理样式代码，CSS原生嵌套语法应运而生。本文将带你深入了解CSS原生嵌套语法，探索其用法、特性和优势。

04

SCSS的嵌套规则可以减少重复代码，那么如何在嵌套规则中使用父选择器？

在SCSS中，使用&符号来引用父选择器，在嵌套规则中使用父选择器。这样可以避免重复编写选择器，并且在生成的CSS中保持正确的层级关系。

04

less的基本语法

👨‍🎓作者：Java学术趴 🏦仓库：Github、Gitee ✏️博客：CSDN、掘金、InfoQ、云+社区 💌公众号：Java学术趴 🚫特别声明：原创不易，未经授权不得转载或抄袭，如需转载可联系小编授权。 🙏版权声明：文章里的部分文字或者图片来自于互联网以及百度百科，如有侵权请尽快联系小编。微信搜索公众号Java学术趴联系小编。 ☠️每日毒鸡汤：这个社会是存在不公平的，不要抱怨，因为没有用！人总是在反省中进步的！ less语法1 less语法1.1 less中的变量使用@来声明一个变量：@color:p

00

(X)HTML Strict 下的嵌套规则

该文介绍了在 HTML 4 Strict 和 XHTML 1.0 Strict 下，HTML 标签的嵌套规则。其中包括了不允许在标签内嵌套，标签必须与

扫码加入开发者社群 — 成对出现，标签必须与、、一起出现等规定。这对于网页设计和开发人员来说，需要遵循这些规则，保证网页代码的规范和合法性，从而提高网页的可访问性和用户体验。
09
Sass、Less和Stylus之间有什么主要的区别？
Sass、Less和Stylus是三种常见的CSS预处理器，它们在功能和语法上有一些区别。以下是它们之间的主要区别：
03
SCSS基础
SASS 是一款 CSS 预编译器，它定义了一种新的编程语言，为CSS 增加了一些编程的特性，开发者使用这种语言进行编码后，代码需要被编译成 CSS 才能被浏览器理解。
05
09-移动端开发教程-Sass入门
CSS3之前的CSS都大都是枚举属性样式，而编程语言强大的变量、函数、循环、分支等功能基本都不能在CSS中使用，让CSS的编程黯淡无光，Sass就是一种增强CSS编程的扩展语言（CSS4也可以期待），有了像Sass这种预处理语言后，CSS的编程不再局限在枚举属性了，可以有更广阔的舞台。
09
09-移动端开发教程-Sass入门
1. 引言 CSS3之前的CSS都大都是枚举属性样式，而编程语言强大的变量、函数、循环、分支等功能基本都不能在CSS中使用，让CSS的编程黯淡无光，Sass就是一种增强CSS编程的扩展语言（CSS4也可以期待），有了像Sass这种预处理语言后，CSS的编程不再局限在枚举属性了，可以有更广阔的舞台。 2. Sass的原理 Sass本质就是在CSS的语法的基础上增加了自定义的变量、循环、分支、函数、mixin、继承、运算等功能，让CSS编程变得异常强大。当然浏览器是不认识Sass语法。开发人员写完了Sass的
06
关于行、块元素的讲解以及HTML5元素的分类
继上周我们讲解了所有常用的CSS选择器以及CSS选择器的优先级。到目前为止，你是不是觉得静态页面布局简单了很多，而不是单单使用类名选择器（虽然很好用）来操作了。通过其它选择器的配合使用，页面布局显得不再那么让人“捉急”。但是有不少人在这个时候遇到了问题，多种多样的标签给我们的布局操作带来了一定的难度，因其种类繁多，大家在使用的时候出现了“选择困难症”。为此，今天的这篇文章主要为大家讲解网页中常用的标签以及它又是如何进行分类的。本文内容概要： 1 行元素的使用 2 块元素的使用 2 行、块元素的特性区别 4
07
一文搞懂css、scss、tailwindcss区别
SCSS（Sassy CSS）和 CSS（Cascading Style Sheets）是两种用于定义网页样式的语言，它们之间有一些关键的区别：
02
P不能包div？
是什么原因导致的呢？ W3C这样说：“ 如果你这样做，将会严重违反P的语义 ” 解决方法暂时没有于是我找到了块级元素和内联元素的嵌套规则，如下：
01
HTML嵌套规则
虽然我们可以嵌套标签，但是为了提高浏览器的渲染效率，我们应该尽少的嵌套标签，扁平化。
03
sass/scss 变量与嵌套规则
头部定义的变量的作用域是变量以下所有区域，在{ }内部定义的变量，内部有效，属于局部变量 sass变量不会变量提升，必须先定义后使用。
03
Form表单问题多多（中）
HTML5学堂 - 刘国利：在上一篇的博文当中，主要讲解了表单的嵌套规则与书写习惯。在本篇博文当中，我主要就具体的样式实现进行一下讲解，并提一下表单相关的浏览器兼容问题。今天主要提到的标签有；label、文本框和密码框input、文本域。本文最早的版本也是在2013年8月时书写的，随着行业的变化，针对本篇文章也进行了内容的调整，调整时间2015年08月05日。本篇博文当中主要内容 1、label的作用 2、如何处理input文本框|密码框的样式 3、多行文本域textarea样式的处理 label的作用
05
table-cell实现宽度自适应布局
利用table-cell可以实现宽度自适应布局。 table-cell有一些比较好用的属性，比如垂直居中，自适应高度宽度等，为元素设置table-cell布局之后，元素的margin失效，padding有效，而且一旦元素设置了float或者absolute，则table-cell也会失效。 table-cell不兼容IE6,7.但是可以通过触发hasLayout来实现近似的效果。以下可以实现宽度自适应布局：
<img src="../../im
05
HTML基础知识普及
<meta charset="utf-8"> 规定页面的字符编码 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> meta name="viewport" viewport视口：手机屏幕/电脑屏幕等设备的视口有多大 width=device-width: 视口宽度=设备宽度 initial-scale=1.0: 初始化的缩放比例是1 maximum-scale=1.0: 最大缩放是1 user-scalable=no: 用户不能缩放
02
Sass入门使用指南
&标识符: 在需要避免sass默认解套后空格连接父子选择器导致样式不生效的的情况下使用&处理,如遇到伪类选择器:hover等。
02
【编码规范】HTML编码风格指南
HTML 作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使 HTML 代码风格保持一致，容易被理解和被维护。
03
HTML编码规范
HTML作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使HTML代码风格保持一致，容易被理解和被维护。
04
Sass中你不清楚的小细节-持续更新
随着css工程化的普及，sass在前端工程中越来越举足轻重。当然sass并不局限于管理css全局变量、mixin之类的"脏活累活"。
02
LESS使用教程
引入 .less 样式文件的时候要注意设置 rel 属性值为 “stylesheet/less”:
02
一、前端基础-html-块级元素和内联元素
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>
03
现代 CSS 解决方案：原生嵌套（Nesting）
很早之前，就写过一篇与原生嵌套相关的文章 -- CSS 即将支持嵌套，SASS/LESS 等预处理器已无用武之地？，彼时 CSS 原生嵌套还处于工作草案 Working Draft (WD) 阶段，而今天（2023-09-02），CSS 原生嵌套 Nesting 终于成为了既定的规范！
04
HTML编码规范建议
解释：对于非 HTML 标签之间的缩进，比如 script 或 style 标签内容缩进，与 script 或 style 标签的缩进同级。示例：
03
HTML的元素嵌套规则
address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul
02
CSS预编译：提升样式开发效率与可维护性的关键工具
CSS预编译是一项前端开发中常用的技术，它旨在解决传统CSS的一些限制和不足，如缺乏变量、嵌套、代码复用等。通过使用CSS预编译器，开发者可以更高效地编写样式表，减少重复代码，并提高可维护性。本文将深入探讨CSS预编译的定义、优势、不同的预编译器、基本语法和最佳实践，以及如何在项目中使用它来改进样式开发流程。
03
原生CSS嵌套简介
CSS嵌套可以节省输入时间，并使语法更易于阅读和维护。迄今为止，你必须像这样键入完整的选择器路径：
03
手把手教你使用scss
虽然使用SCSS拥有上面的众多好处，但是我们在项目中选择使用SCSS还是CSS，是根据项目的需求、性质和个人偏好来决定的。如果我们在一个样式需求较小的小项目上工作，普通CSS可能就已经能够满足了我们的项目需求了。但是如果是遇见更大、更复杂的项目，使用SCSS可以为我们提供更多优势，有助于更高效和可维护的样式工作流程。
02
规范
一个前端项目，目录的规范是必要的，当然，在一般开发中是没有必要做的那么严谨，在此，分享一下个人认为的基础规范，都只是个人认为。
03
sass入门学习篇（一）
Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。它允许你使用变量、嵌套规则、 mixins、导入等众多功能，并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好，同时也让你能够快速开始小型项目，特别是在搭配 Compass 样式库一同使用时。这一段是百度的，本人总结还不行。
03
SCSS的用法有哪些？
SCSS（Sassy CSS）是CSS的一种扩展语言，它提供了一些方便的功能和语法来帮助开发者更高效地编写和组织CSS代码。下面是一些SCSS的常见用法和示例：
03
您知道SASS吗？
SASS是一种预处理器及样式表语言，由它们自己的工具或模块捆绑器(如webpack)编译成CSS。它有几个可以用来使CSS整洁和可重用的功能，例如变量，嵌套规则，mixin，函数等。
01
table标签在谷歌和ie浏览器下不同的表现效果
我需要利用vue的模板语法v-for循环生成tr，这个tr是需要双重循环来确定其个数的，
02
LESS学习笔记 —— 入门
今天在网上完成了LESS的基础学习，下面是我的学习笔记。总共有三个文件：index.html、main.less、mian.css，其中 mian.css 是 main.less 经过Koala编译之后自动生成的。下面是代码：
03
扫码
添加站长进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
HTML表格制作
HTML CSS 列表和表格
HTML之表格布局与美化
HTML用Table表格对网页布局
Word如何制作不规则表格！
热门标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告关闭
社区
专栏文章
阅读清单
互动问答
技术沙龙
技术视频
团队主页
腾讯云TI平台
活动
自媒体同步曝光计划
邀请作者入驻
自荐上首页
技术竞赛
资源
技术周刊
社区标签
开发者手册
开发者实验室
关于
社区规范
免责声明
联系我们
友情链接
腾讯云开发者
扫码关注腾讯云开发者
领取腾讯云代金券
热门产品
域名注册
云服务器
区块链服务
消息队列
网络加速
云数据库
域名解析
云存储
视频直播
热门推荐
人脸识别
腾讯会议
企业云
CDN加速
视频通话
图像分析
MySQL 数据库
SSL 证书
语音识别
更多推荐
数据安全
负载均衡
短信
文字识别
云点播
商标注册
小程序开发
网站监控
数据迁移
Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569
腾讯云计算（北京）有限责任公司京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
领券