首页 > 其他分享 >HTML | HTML全局属性

HTML | HTML全局属性

时间:2023-08-02 16:48:32浏览次数:33  
标签:标签 元素 HTML 全局 CSS 属性

全局属性是所有 HTML 元素共有的属性;它们可以用于所有元素,即使属性可能对某些元素不起作用。

我们可以在所有的 HTML 元素,甚至是在标准里没有指定的元素上指定全局属性。这意味着任何非标准元素仍必须能够允许应用这些属性,即使使用这些元素意味着文档不再是 HTML5 兼容的。例如,虽然 <foo> 不是一个有效的 HTML 元素,但是 HTML5 兼容的浏览器隐藏了标记为 <foo hidden>…</foo> 的内容。

常用的全局属性:

属性名 含义
id 给标签指定唯一标识,注意: id 是不能重复的。
作用:可以让 label 标签与表单控件相关联;也可以与 CSS 、 JavaScript 配合使用。
class 给标签指定类名,随后通过 CSS 就可以给标签设置样式。
style 给标签设置 CSS 样式。
dir 内容的方向,值: ltr 、 rtl
title 给标签设置一个文字提示,一般超链接和图片用得比较多。
lang 给标签指定语言,具体规范和可选值请参考【10. HTML 设置语言】。

完整的全局属性,请参考:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML全局属性</title>
    <style>
        .student {
            color: red;
        }
    </style>
</head>
<body>
    <div id="hello1">你好啊!</div>
    <div id="hello2">你好啊2!</div>
    <div class="student">张三</div>
    <div class="student">李四</div>
    <div style="color:green">旺财</div>
    <bdo dir="rtl">你是年少的欢喜</bdo>
    <div dir="rtl">你是年少的欢喜</div>
    <div title="英雄联盟">LOL</div>
    <a href="https://www.baidu.com" title="去百度">去百度</a>
    <div lang="en">hello</div>
</body>
</html>

标签:标签,元素,HTML,全局,CSS,属性
From: https://www.cnblogs.com/zhangxuegold/p/17601077.html

相关文章

  • HTML | meta元信息
    HTML<meta>元素表示那些不能由其他HTML元相关(meta-related)元素表示的元数据信息。如:<base>、<link>、<script>、<style>或<title>。配置字符编码<metacharset="utf-8">针对IE浏览器的兼容性配置。<metahttp-equiv="X-UA-Compatible"con......
  • js去掉html中所有的标签、空格和回车换行符只保留文本
    replaceText(val){if(val!=null&&val!=""){varre1=newRegExp("<.+?>|&.+?;","g");//匹配html标签的正则表达式,"g"是搜索匹配多个符合的内容varmsg=val.replace(re1,"");//执行替换成空字符msg=......
  • html details 去除三角
    /*隐藏默认三角chromeSafari*/details::-webkit-details-marker{display:none;}/*隐藏默认三角Firefox*/details::-moz-list-bullet{font-size:0px;}summary{list-style:none;/*部分老版浏览器需要这样写*/}  ......
  • HTML | HTML框架标签
    标签名功能和语义属性单/双标签iframe框架(在网页中嵌入其他文件)name:框架名字,可以与target属性配合。width:框架的宽。height:框架的高度。frameborder:是否显示边框,值:0或者1。双iframe标签的实际应用:在网页中嵌入广告。与超链接或表单的targe......
  • EBS:供应商详细扩展字段属性设置
     -- EGO高级产品目录--N:供应商管理员>>供应商主页>>管理。--定义扩展字段属性,例如:DATABASE_COLUMN='C_EXT_ATTR7':企业性质SELECT*FROMAPPS.EGO_ATTRS_VWHEREATTR_GROUP_TYPE='POS_SUPP_PROFMGMT_GROUP'----N:供应商管理员>>供应商主页>>管理。SELECT*FRO......
  • vue 通过css 给html元素增加前缀红色星号
    <el-form-item>前面增加红色星号要为<el-form-item>的label增加红色星号,你可以使用CSS中的伪元素::after或::before来实现。下面是如何在样式中添加红色星号的示例:<el-form-itemclass="red-label"label="物流商信息"></el-form-item><stylescopedlang="scss"......
  • 如何在 Python 中打印对象的属性
    在Python编程语言中,对象是指由类或类型创建的实例。每个对象都有自己的属性,这些属性可以是变量或函数。通常,我们需要打印对象的属性来了解它的状态。本文将介绍如何在Python中打印对象的属性。1.使用dir()函数dir()函数是Python中的一个内置函数,它可以返回一个对象的所有......
  • css 中强制换行后,伪类元素变形,用到的flex-shrink 属性
    之前都没用过这个属性,最近做项目遇到一个不同屏幕下可能会换行的问题,设置了强制不换行,但是伪类元素就没挤没了,请教了同事,用到了flex-shrink属性然后我就去看了看这个属性的用法,简单记录一下flex-shrink属性指定了flex元素的收缩规则。flex元素仅在默认宽度之和大于容器的时......
  • java 自定义读取properties配置文件属性
    把属性存到一个map里,并提供get方法,如果没有获取到值,则重新加载一遍配置文件,重新赋值,从而刷新数packagecom.aaa.demo.testProperties;importjava.io.IOException;importjava.io.InputStream;importjava.util.Enumeration;importjava.util.HashMap;importjava.util.Map;......
  • 渗透-01:DNS原理和HTML字符编码-HTML实体编码
    一、DNS概念DNS(DomainNameSystem的缩写)就是根据域名查出IP地址(常用)DNS分类:正向解析:已知域名解析IP反向解析:已知IP解析对应的域名二、查询过程工具软件dig可以显示整个查询过程[root@node01~]#digbaidu.com;<<>>DiG9.11.4-P2-RedHat-9.11.4-26.P2.el7_9.13<<......