HTML学习笔记——用HTML记录学习过程5-全局属性

news2025/1/10 23:49:22

全局属性可以用来配置元素的共有行为

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>5-全局属性</title>
</head>
<body>
    <div>id属性用于指定html元素的唯一id</div>
    <div>class属性用于指定元素的类名，通常用于链接css类</div>
    <div>style属性用于指定元素的行内样式，将覆盖任何全局的样式设定</div>
    <a title="title用于指定元素的额外信息,当鼠标移动到元素上时，会显示这些信息">主要信息</a>
    <p dir="rtl">dir用于指定元素内容的文本方向，rtl是从右向左的方向，ltr是从左往右</p>
    <h2>可编辑列表</h2>
    <p>contentEditable属性用于指定元素中内容的可编辑与否，当未指定时，元素值与其父元素相同</p>
    <ul contenteditable="true">
        <li>元素1</li>
        <li>元素2</li>
    </ul>
    <div id="target" hidden="hidden">
        hidden为true时，该元素内容不以任何方式显示，但可以使用js脚本改变其状态
    </div>
    <button onclick="var target=document.getElementById('target');
    target.hidden=!target.hidden;">显示/隐藏</button>
    <label>
        <p>spellcheck用于指定是否进行拼写检查，常与textarea结合使用</p>
        <textarea spellcheck="true"></textarea>
    </label>
</body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2078168.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！