当前位置：首页 > article >正文

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

article 2025/1/31 19:51:21

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

<!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.kler.cn/a/286461.html