HTML5保留的通用属性

最新推荐文章于 2024-05-31 08:00:00 发布
最新推荐文章于 2024-05-31 08:00:00 发布
阅读量364 收藏 1
点赞数
分类专栏： 前端 文章标签： HTML 属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35892775/article/details/82960176
版权

id:元素唯一标识

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> id属性 </title>

</head>
<body>
<div id="show" style="width:400px;height:120px;background-color:red;"></div>
<a href="#" onclick="change();">改变颜色</a>
<script type="text/javascript">
	var change = function()
	{
		var div = document.getElementById("show");  // ①
		div.style.backgroundColor = div.style.backgroundColor == 'red'?
			'green' : (div.style.backgroundColor == 'green'? 'blue': 'red');
	}
</script>
</body>
</html>

style:用于为HTML元素指定css样式；

class:用于匹配css样式的class选择器；

<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> class属性 </title>
	<style type="text/css">
		div.content {
			width: 300px;
			height: 120px;
			border: 1px solid black;
			float:left;
		}
	</style>
</head>
<body>
<div class="content">测试内容一</div>
<div class="content" style="float:right">测试内容二</div>
</body>
</html>

dir:设置元素中内容的排列方向；

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> dir属性 </title>
</head>
<body>
<div dir="ltr">测试内容dir设为ltr</div>
<div dir="rtl">测试内容dir设为rtl</div>
<table width="500" border="1">
<tr>
<td dir="ltr">表格内容dir设为ltr</td>
<td dir="rtl">表格内容dir设为rtl</td>
</tr>
<table>
</body>
</html>

title：为HTML元素指定额外信息；

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> title属性 </title>
</head>
<body>
<a href="http://www.fkjava.org" title="疯狂软件官网">疯狂软件</a>
<div title="测试标题">测试内容</div>
<table border="1" >
	<tr>
		<td title="单元格标题">单元格内容</td>
	</tr>
</table>
<table>
</body>
</html>

accesskey：指定激活该元素的快捷键

用户名(n)：<input name="name" type="text" accesskey="n"/><br>
密码(p)：<input name="pass" type="text" accesskey="p"/>
<a href="http://www.fkjava.org" accesskey="x">疯狂软件<a>

tabindex：用于控制窗口、HTML元素获取焦点的顺序

<a href="#" tabindex="2">疯狂Java联盟</a>
<a href="#" tabindex="1">HTML 5学习</a>
<a href="#" tabindex="3">Java学习</a>

 

Crazy Monkey
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
你不知道的html的16个通用属性
liuhao9999的博客
07-19 538
全局属性 全局属性是所有 HTML 元素共有的属性；它们可以用于所有元素，尽管它们可能对某些元素没有影响。 可以在所有HTML 元素上指定全局属性，即使是标准中未指定的元素。这意味着任何非标准元素仍必须允许这些属性，即使使用这些元素意味着文档不再符合 HTML5。例如，符合 HTML5 的浏览器会隐藏标记为 的内容<foo hidden>...</foo>，即使<foo>它不是有效的 HTML 元素。 除了基本的 HTML 全局属性外，还存在以下全局属性：
第七篇：HTML文字与图片属性
m0_66451927的博客
02-02 4766
这是第七篇文章，有一些属性在上一节表格详情里提到一些属性，例如对齐align、颜色color和边框border等，有一些属性在文字或图片里也有，可以联系表格属性学习下面文字和图片的属性。 一、文字属性<font> 1、对齐属性：align 文字的对齐属性和表格的对齐属性一样，设置表格在网页中的水平对齐方式，常用属性值都是left、right、center 2、font标签 face属性用于设置所有字体属性。设置的属性是按顺序的： "font-style font-variant .
HTML5+CSS3+JS(第二课).HTML5保留的常用元素（三）和新通用属性
null
05-08 2897
html5+css3+jacascript 第二章: 一:HTML5保留的常用元素   7. 表格相关元素。表格在html里还算重要的了。       :用于表格定义。    cellpadding: 单元格内容和单元格边框距离    cellspacing: 单元格间距    width      : 表格宽度  : 表格标题最多只额能包含一个。    : 表格头，可以
html通用属性
yin_991的博客
10-27 4404
html全局属性
HTML标签
lj093的博客
07-19 374
HTML标签<!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</ma
HTML常见属性
weixin_44606322的博客
04-12 264
##标签都有的四个属性 属性 描述 class 为html元素定义一个或多个类名（classname）(类名从样式文件引入) id 定义元素的唯一id style 规定元素的行内样式（inline style） title 描述了元素的额外信息 (作为工具条使用) ##快捷键 accesskey 姓名：<input type="text" name="" id...
html5- 新增常用属性
weixin_47345929的博客
12-01 274
文章目录1.HTML5常用属性2.表单组件3.表单属性4.input属性 1.HTML5常用属性 1）contentEditable 将标签转换为可编辑状态。可用于所有标签。它的值有true/false。 <!-- 1）contentEditable --> <p contentEditable="true">contentEditable</p> 2）hidden 对元素进行隐藏。一般用来传值或当某个条件成立，执行内容显示。默认值为hidden。 <!-- 2
html5手机微信大转盘抽奖源码
11-03
HTML5手机微信大转盘抽奖源码是一种基于Web技术实现的互动抽奖应用，适用于微信平台。这个源码利用了HTML5的新特性，如Canvas、Web Storage、离线应用缓存等，来创建一个用户友好的、流畅的移动端抽奖体验。在微信...
html5组织内容_动力节点Java学院整理
09-27
HTML5是现代网页开发的标准，它提供了丰富的功能和元素来帮助开发者更好地组织和呈现内容。在HTML5中，组织内容的方式更加语义化，增强了网页的可读性和可访问性。下面将详细介绍如何使用HTML5来组织内容。 1. **...
「前端+鸿蒙」核心技术HTML5+CSS3（三）
最新发布
AIGC大前端小王子
05-31 565
CSS（层叠样式表）是一种样式语言，用于描述HTML或XML文档的呈现方式。CSS控制布局、颜色、字体和其他视觉元素。
js html对象通用属性总结
Sux
04-30 2751
           1：style、style.cssText及style.position,style.left等CSS样式的各个属性            如：           var section=document.createElement("div");           section.style.cssText="position:absolute; left:
HTML5增强的通用属性
湮顾千古的博客
05-13 5364
就现在我了解的HTML5保留了大量原有的HTML元素，并且也为这些元素增加了一些通过属性，来增强元素的功能。如果喜欢博主的分享，可以关注我的专栏 HTML5和CSS3的前世今生...
前端基础-HTML标签的通用属性
逍遥云恋
03-30 805
标签的通用属性 1.id属性 id属性是标签的唯一标识，一个页面中可以有很多id属性，但是每个标签的id属性的值必须是唯一的 多学一招：通常用在写动态效果-----javascript 2.class属性----类 通常用来使用class属性值给标签设置样式，样式一样的标签可以设置同样的class 3.name属性 设置标签的名字，可以有同样的名字 多学一招：通常用在表单中 4.style属性 设...
处理html文本，保留指定标签、属性
yezi1993的博客
11-13 570
from html import parser from lxml.html.clean import Cleaner # 保留标签的src、href属性 safe_attrs =['src', 'href'] # 保留的标签 allow_tags = ["div", "p", "img", "video", "h1","h2","h3","h4","h5", "h6", "br", "a", "blockquote"] cleaner = Cleaner(safe_attrs=safe_attrs,
【web前端基础3】HTML5通用属性
liao_sp的博客
03-25 359
tabindex属性用来定义元素的Tab键访问顺序，可以使用Tab键遍历页面中的所有链接和表单元素。使用accesskey属性可以使用快捷键（Alt+字母）访问指定的URL，但是浏览器不能很好地支持，在IE中仅激活超链接，需要配合Enter键确定。内容属性定义元素包含内容的附加信息，这些信息对于元素来说具有重要补充作用，避免元素本身包含信息不全而被误解。以下元素不拥有语言属性：framset、frame、iframe、br、hr、base、安全性，防止不信任的Web页面执行某些操作。
HTML 基本属性大全（一）
qq_46028517的博客
06-09 3829
属性
常用html标签及其属性
weixin_53988377的博客
07-16 1万+
网页的基本结构文档类型声明标签文档标记标签文档的头部标签文档的主体标签。
Html常用标签和属性(包含Html5)
热门推荐
TKOP_的博客
12-18 1万+
Html（包含Html5)常用标签和属性总结。主要包含有a、img、ul、table、select和H5新增的一些标签比如header、nav、article、section、aside等标签。以及一些常用到的属性。最后总结一些html标签使用的注意事项。.........
HTML5基础语法与元素详解
HTML5是现代网页开发的标准，它提供了一系列新的元素、属性和功能，使得开发者可以构建更具语义性、可访问性和交互性的网页。以下是一些HTML5的基础语法和常见标签： 1. **文本结构元素**： - `<h1>` 到 `<h6>` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值