#HTML属性:例如:img标签的src属性
特点:
HTML元素可以在头标签内添加属性。
HTML属性总是以名称/值对的形式出现
#常用的标签元素HTML属性:
<p class="lei" id="signnumber" style="margin: auto;" title="文本">常用html属性</p>
class属性 为html定义一个或多个类名(classname)
id属性 定义元素唯一的标识号码
style属性 为元素定义内嵌css样式
title属性 标题,描述了元素的额外信息,作为工具条使用(提示信息)
<a href="https://www.baidu.com" target="_blank" accesskey="n">跳转</a>
href属性: 设置跳转的链接。
target属性: 设置新建网页跳转。
- 属性值:"_blank"
sccesskey属性: 设置访问元素的键盘快捷键
注意: 不同的浏览器使用的快捷键方式不同。
IE, Chrome, Opera 15+: ALT + accesskey值
Operai: SHIFT + ESC + accesskey值
Firefox: SHIFT + ALT + accesskey值
<p contenteditable="true">這是一個可以編輯的段落</p>
contenteditable属性:设置页内文本可编辑
属性值:
“true” 允许
“false” 否定
注意:当元素没有设置该属性时,元素会从父元素继承
<p dir="auto">正常文本1,从左至右</p>
<p dir="ltr">正常文本2,正序</p>
<p dir="rtl">正常文本3,逆序</p>
dir属性:设置文本对齐方式(span标签内无效)
属性值:
“auto” 浏览器的判断文本方向,仅在文本方向未知时使用
“ltr” 默认值,网页最左为起始位置(居左)
“rtl” 网页最右为起始位置(居右)
<bdo dir="rtl">bdo标签内的dir属性效果</bdo>
bdo标签内的dir属性:设置文字的排序方式
“ltr” 默认值,正序排列
“rtl” 段落中的文字逆序排列
<p draggable="true">可拖动的段落</p>
draggable属性:设置元素的拖动效果
“true” 允许
“false” 否定
“auto” 自动(浏览器默认)
*链接和图像默认可以拖动
<p hidden="hidden">隐藏段落</p>
hidden属性:设置段落的隐藏效果
可省略为 <p* hidden> xxx
<a href="https://www.baidu.com" tabindex="2">百度</a>
<a href="https://www.meitu.com" tabindex="3">美图</a>
<a href="https://miaosha.jd.com" tabindex="1">京东</a>
tabindex属性:规定网页内使用“tab”键选取超链接标签的顺序,值越小优先级越高。
