HTML属性的长度问题

最新推荐文章于 2021-06-22 17:06:31 发布
最新推荐文章于 2021-06-22 17:06:31 发布
阅读量422 收藏
点赞数
文章标签： json

越来越多的同学喜欢把数据存放在html属性上，比如

<p data-info="{a:1,b:2}">xxx</p>

一堆JSON数据放在data-info里。存放的属性值有长度限制吗？如果有最大长度是多少？

 

分别从HTML4和HTML5的规范去查看。

HTML4

3.2.2节介绍Attribute，里面没有提到长度的限制。

 

SGML

HTML4来源于SGML，看看SGML有没有这方面的规定。

貌似最大是65536。

 

HTML5

3.2.3.1 Attributes 里也没有提到长度显示。

 

当然，用各浏览器测试下是最好的结论。

 

相关：

http://www.w3.org/TR/html401/intro/sgmltut.html#h-3.2.2

http://www.w3.org/TR/html401/sgml/sgmldecl.html

http://www.highdots.com/forums/html/length-html-attribute-175546.html

html5 表单长度限制,HTML表单输入属性(readonly、disabled、size、maxlength、HTML5增加的属性）...
weixin_40001442的博客
06-22 1450
1.value 属性First name:Last name:2.readonly 属性readonly 属性规定输入字段为只读(不能修改)：First name:Last name:John改不了，只读。3.disabled 属性disabled 属性规定输入字段是禁用的。被禁用的元素是不可用和不可点击的。被禁用的元素不会被提交。First name:Last name:disabled 属性不...
html直接传参数长度限制,【HTTP】GET传参最大长度的理解误区
weixin_34062155的博客
06-16 1477
GET传参最大长度的理解误区零、总结文章数据来源于网络，可能存在变动，但是原理是一样的。HTTP 协议 未规定 GET 和POST的长度限制GET的最大长度显示是因为 浏览器和 web服务器限制了 URI的长度不同的浏览器和WEB服务器，限制的最大长度不一样要支持IE，则最大长度为2083byte，若只支持Chrome，则最大长度 8182byte一、误解大家都知道http 中 存在 GET 和 ...
html自定义属性最大长度,关于html标签自定义属性的问题
weixin_34579167的博客
06-04 348
之前开发都是老老实实的用html默认的属性，如class，name等。跳槽到了华为的外包，做一个商城的系统，用开源框架做的。在编码的时候遇到了以下的情况，在标签里面有很多自定义标签。复制代码代码如下:src="_s" style="-ms-interpolation-mode:bicubic;cursor:pointer;"onclick="queryProductDetail(this);"in...
html字段长度限制,HTML属性的长度是否有限制？
weixin_32715971的博客
06-03 485
HTML 4从HTML 4的角度来看，属性是一个SGML构造。它们的极限定义在SGML Declaration of HTML 4：QUANTITY SGMLREFATTCNT 60 -- increased --ATTSPLEN 65536 -- These are the largest values --LITLEN 65536 -- permitted in th...
html自定义属性最大长度,HTML data-* 自定义属性
weixin_29309213的博客
06-04 606
HTML data-* 自定义属性data-*是HTML5新添加的全局属性，通过它我们可以自定义属性，就像id，class等属性一样。我们可以使用JavaScript来操作这些属性。我们可以用下面这些方法来操作它。(1)dataset通过访问一个元素的 dataset 属性来存取 data-* 自定义属性的值。使用这种方法时，不是使用完整的属性名，应该去掉data- 前缀。var n = docu...
html width默认长度,css属性width默认值width: auto与width: 100%区别详解
weixin_29163581的博客
06-22 1085
width: auto子元素(包括content+padding+border+margin)撑满整个父元素的content区域。子元素有margin、border、padding时，会减去子元素content区域相对应的width值父元素的content = 子元素(content + padding + border + margin )width: 100%强制将子元素的content区域 ...
html中几种常见长度单位介绍
weixin_33922670的博客
03-11 480
文章出处和来源网址：http://www.divcss5.com/html/h529.shtml 以下是DIVCSS5为大家总结网页中常见html单位介绍，在css+div布局中长度单位介绍篇。 其实css中的长度单位一共有8个，分别是px，em，pt，ex，pc，in，mm，cm； px：像素（Pixel）,相对于设备的长度单位...
通过自定义属性限制文本域长度
RangerHopes的专栏
10-24 1530
最前端的页面经常会遇到文本框的长度检查，如果输入框很少可以直接取得输入框的内容然后判断长度即可。但是如果遇到输入框很多的情况，这种方法就显得有些麻烦。这时可以考虑采用jQuery添加自定义属性的方法实现。 我最近就遇到这种情况：要求限制文本域textarea的输入长度，但是textarea本身并没有类似maxlength的属性，于是采用了如下的方法。方法不是最好，只是一种实现而已。代码很简单，
(一)自定义之---自定义属性
qq_38859786的博客
06-14 1095
一,简单介绍 1,为什么使用自定义属性?           所有的控件都是继承自view这个类的，所以view类所拥有的属性我们继承它的子类是全部都拥有的，但并不是每个控件都能使用所有属性.       比如LinearLayout中能使用layout_weight属性，而RelativeLayout却不能使用，因为layout_weight是为LinearLayout的LayoutPar...
html的size属性,HTML size属性用法及代码示例
weixin_35878962的博客
06-04 5183
HTML中的size属性用于指定输入字段的初始宽度和select元素的可见行数。size属性可以与以下元素一起使用： size属性：此属性指定输入元素的可见宽度。用法:例：HTML size Attributeh1,h2 {text-align:center;}GeeksforGeeksHTML size AttributeName:Email-id:输出： size属性：此属性指定下拉列表中可见...
html中的长度单位
weixin_42216853的博客
10-17 3601
html中的长度单位：px、em、rem、%、vw、vh、vnim、vmax、calc（） px：像素，固定大小，涉及到适配的时候并不好用 em：相对于父元素字体的大小，一般也很少用 rem：相对于根元素字体的大小（即html标签），经常用于移动端（rem适配） %：百分比适配中经常用，我通常会和rem适配结合一起用 vw：视口宽度的1% vh：视口高度的1% vnim：视口高度和宽...
html模板引擎 字符串长度,VTemplate模板引擎入门
weixin_32795125的博客
06-03 134
变量元素变量元素主要用于输出变量表达式的值。其定义格式为：{$:变量表达式？属性="属性值"}例子：{$:i}、{$:user.age?format=”00”}、{$:user.name?length=”20”？htmlencode=”true”}{$:#my.i}、{$:##.user.age}、{$:#my.user.location.getcity()？htmlencode=”true”}？...
http请求之GET、POST对比分析
道听途说
05-09 1935
转自：http://my.oschina.net/leejun2005/blog/136820 刚看到群里又有同学在说 HTTP 协议下的 Get 请求参数长度是有大小限制的，最大不能超过  XX，而 Post 是无限制的，看到这里，我想他们定是看多了一些以讹传讹的博客或者书籍， 导致一种理解上的误区： 1、首先即使有长度限制，也是限制的是整个 URI 长度，而
截取字符串长度 不算html代码的长度
yteasyhappy的专栏
05-30 1874
function blog_summary($body, $size, $format = NULL){   $_size = mb_strlen($body, 'utf-8');       if($_size       // 输入格式中有 PHP 过滤器 //  if(!isset($format) && filter_is_php($format)){
html<p>标签属性长度限制
最新发布
03-22
### 关于 `<p>` 标签属性的长度限制 在 HTML 中，`<p>` 标签用于定义段落。虽然 HTML 规范并未明确规定 `<p>` 标签本身的长度限制[^1]，但在实际应用中，某些属性可能受到特定约束。 #### 属性长度限制 对于 `<p>` 标签中的常见属性（如 `style` 或 `class`），其长度通常由浏览器实现决定而非标准本身规定。然而，在实践中需要注意以下几点： 1. **`style` 属性** 虽然理论上可以无限扩展 `style` 的内容，但由于性能原因，过长的内联样式可能会降低渲染效率[^3]。因此建议将复杂的样式提取至外部 CSS 文件中管理。 2. **`class` 和 `id` 属性** 这些属性主要用于标识 DOM 元素并关联样式或脚本逻辑。尽管没有硬性字数上限，但为了维护性和可读性考虑，推荐保持简洁明了的名字组合[^4]。 3. 浏览器兼容性与解析行为 不同浏览器对超大字符串输入可能存在差异处理方式；极端情况下甚至可能导致崩溃或者截断现象发生。所以即便技术层面允许任意大小设置，也应遵循合理范围内的编码习惯来规避潜在风险。 以下是展示如何正确运用这些概念的一个简单例子： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Paragraph Example</title> <style> .long-text { max-width: 500px; color: blue; } </style> </head> <body> <!-- 使用 class 来控制样式 --> <p class="long-text">This is a paragraph with some text that could potentially be very long...</p> <!-- 内联 style 示例 (不推荐过度使用)--> <p style="font-size: 16px; line-height: 1.5;">Another example of styling directly within the tag.</p> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值