关于html中的ul问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于html中的ul问题相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<style>
ul
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
li
display:inline;
a:link,a:visited
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
a:hover,a:active
background-color:#7A991A;
</style>
</head>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
<p><b>注释：</b>如果您只为 a 元素设置内边距（而不设置 ul 元素），那么链接会出现在 ul 元素之外。所以，我们为 ul 元素添加了 top 和 bottom 内边距。</p>
</body>
</html>
在这个例子中，为ul添加了padding，我想知道的是ul为什么不会随着ul列表中li中的a的padding增加而自动扩展从而自动包容。
HTML里出现<ul class="" clstag="">中的“clstag”是啥属性
HTML里出现<ul class="" clstag="">中的“clstag”是用户自定义的一个属性，用来定义ul的特殊属性。这个命名没有规定，但是在最新标准中，建议在属性名前加一个data-，如data-clstag表示是自定义属性。1、HTML标签可以自定义属性，但是我们要考虑其在IE、Firefox以及chrome下的兼容性问题。
例如：
<div id="newTest"
myAttr="getAttr"></div>
这里的“myAttr”就是这个标签的自定义属性了。
如果定义了属性却使用不了，那么这个属性就没有任何意义了，接下来就是如何去调用我们的自定义属性的值了。
2、在IE浏览器里，我们通过获取对象后直接调用就可以了
document.getElementById("newTest").myAttr;
在IE浏览器里，我们同样可以对其直接赋值而动态产生一个自定义属性：
document.getElementById("newTest").newAttr = "new";
在火狐和谷歌浏览器里，我们可以通过getAttribute方法来实现调用：
document.getElementById("newTest").getAttribute("myAttr");
在火狐和谷歌浏览器里，我们可以通过setAttribute方法在产生并设置一个自定义属性：
document.getElementById("newTest").setAttribute("newAttr","new");
自定义属性一般是我们用来存储数据或是相关依据的，根据实际情况，自定义属性其实很有用的。 参考技术A 这不是标准属性，只是开发为了在dom结构中保存数据用的一个“自定义属性”。它叫任何名字都可以，但是在最新标准中，建议在属性名前加一个data-，如data-clstag表示是自定义属性。本回答被提问者采纳
以上是关于关于html中的ul问题的主要内容，如果未能解决你的问题，请参考以下文章