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

小久同学

已于 2024-08-27 11:28:03 修改

阅读量341

点赞数 1

分类专栏： HTML学习笔记文章标签： html 学习笔记

于 2024-08-27 11:27:35 首次发布

本文链接：https://blog.csdn.net/qq_47968354/article/details/141598499

版权

HTML学习笔记专栏收录该内容

5 篇文章 1 订阅

订阅专栏

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

<!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>