html属性学习概览

朴灿烈づ我的快乐病毒、 2022-06-05 04:25 453阅读 0赞

工作过程中，基本上都负责后台部分，前端部分的修改量不多，框架基本固定。需要多学习复习一些基本的前端知识，不然时间久了，就落下了。现学习复习下html属性列表，列出所有，后续逐个复习。

## 常见html属性列表 ##

**1、accept-charset属性**  
描述：form表单提交时使用的字符编码。  
值：character\_set

**2、accept属性**  
描述：文件上传提交给服务器接受的文件类型。  
值：mime\_type

**3、accesskey属性**  
描述：规定激活元素的快捷键，使元素获得焦点  
值：character

**4、action属性**  
描述：form表单提交时数据发送的路径  
值：相对或绝对url

**5、align属性**  
描述：元素内容对齐方式  
值：value

**6、alt属性**  
描述：图像无法显示时的替代文本。  
值：text

**7、async属性**  
描述：规定脚本（js）将被异步执行。  
值：async  
h5 新属性

**8、autocomplete属性**  
描述：固定表单输入域（text、search、url、telephone、email、password、datepickers,、range以及color）自动完成功能。  
值：on|off

**9、autofocus属性**  
描述：规定当页面加载时元素会自动获得焦点。  
值：autofocus

**10、autoplay属性**  
描述：规定音频/视频（audio/video）就绪后马上播放。  
值：autoplay

**11、background属性**  
描述：规定web文档的背景图片  
值：url  
注意：最好不使用，用css来描述比较好。

**12、bgcolor属性**  
描述：规定web文档的背景颜色。  
值：value  
注意：最好不使用，用css来描述比较好。

**13、border属性**  
描述：规定元素的边框。  
值：边框对应的值。

**14、cellpadding属性**  
描述：规定表格单元格边沿和单元格内容之间的空隙。  
值：pixels  
注意：最好不使用，用css来描述比较好。

**15、cellspacing属性**  
描述：规定表格单元格相邻之间的空隙  
值：pixels  
注意：最好不使用，用css来描述比较好。

**16、char属性**  
描述：规定元素内容和指定的字符对齐。  
值：character  
注意：最好不使用，用css来描述比较好。

**17、charoff属性**  
描述：规定元素内容和指定字符对齐的偏移量  
值：number

**18、charset属性**  
描述：规定元素对应的字符编码  
值：character\_set

**19、checked属性**  
描述：规定在页面加载时，预先选中的元素。  
值：checked

**20、cite属性**  
描述：引用的解释文档  
值：url

**21、class属性**  
描述：规定元素的类的名称。如需为一个元素规定多个类，用空格分隔类名。  
值：classname

**22、color属性**  
描述：规定元素对应文本的颜色  
值：value

**23、cols属性**  
描述：规定元素的列数（或列宽）  
值：value

**24、colspan属性**  
描述：规定表格单元格一个横跨的列数  
值：number

**25、compact属性**  
描述：规定列表元素呈现的效果比正常情况更小巧，通过建设行间距以及列表进行缩进来实现。  
值：compact  
注意：最好不使用，用css来描述比较好。

**26、content属性**  
描述：meta元素的信息内容。  
值：text

**27、contenteditable属性**  
描述：规定元素内容是否可以编辑  
值：value  
h5新增属性

**28、contextmenu属性**  
描述：要打开的< menu >元素的id  
值：menu\_id

**29、controls属性**  
描述：规定音频/视频的显示控件，比如播放按钮等。  
值：controls

**30、coords属性**  
描述：规定元素的热区（链接区域）的尺寸、形状和位置。  
值：value

**31、data属性**  
描述：规定object元素的数据源文件来源  
值：url

**32、data-\*属性**  
描述：指定属性值（一个字符串）  
值：somevalue  
h5新增属性

**33、datetime属性**  
描述：指定元素对应的日期或时间  
值：yyyy-mm-ddThh:mm:ss TZD

**34、default属性**  
描述：规定track元素对应的轨道是默认的轨道。  
值：default  
h5新增属性

**35、defer属性**  
描述：规定只有在页面完成加载后，才执行脚本（js）  
值：value

**36、dir属性**  
描述：规定元素包含文本方向。  
值：value

**37、disable属性**  
描述：规定应该禁用的元素。  
值：disabled

**38、download属性**  
描述：规定被下周的超链接文件资源。  
值：filename  
h5新增属性

**39、draggable属性**  
描述：规定元素是否可以拖动  
值：value  
h5新增属性

**40、dropzone属性**  
描述：规定当备拖动的数据在拖放到元素上时，是否被复制、移动或链接。  
值：value  
h5新增属性

**41、enctype属性**  
描述：规定在发送到服务器之前应该如何对form表单数据进行编码。  
值：value

**42、face属性**  
描述：规定文本的字体。如需规定若干字段的优先表，用逗号将字体名称分开。  
值：font\_family

**43、for属性**  
描述：规定绑定元素的id。  
值：element\_id

**44、form属性**  
描述：元素所属表单的id。如需引用一个以上表单，用空格分隔列表。  
值：form\_id  
h5新增属性

**45、formaction属性**  
描述：规定将form表单数据发送到的地址。覆盖form表单的action属性。  
值：URL  
h5新增属性

**46、formenctype属性**  
描述：规定form表单数据发送的编码。覆盖form表单的enctype属性。  
值：value  
h5新增属性

**47、formmethod属性**  
描述：规定发送form表单数据的HTTP方法。覆盖form表单的method属性。  
值：get|post  
h5新增属性

**48、formnovalidate属性**  
描述：规定form表单是否执行验证，覆盖form表单的novalidate属性。  
值：value  
h5新增属性

**49、formatarget属性**  
描述：规定form表单窗口打开方式。覆盖form表单的target属性。  
值：value  
h5新增属性

**50、frame属性**  
描述：规定表格外出边框哪部分可见  
值：value  
注意：最好不使用，用css来描述比较好。

**51、frameborder属性**  
描述：规定是否显示框架周围的边框  
值：number  
注意：最好不使用，用css来描述比较好。

**52、headers属性**  
描述：规定表格单元格关联的一个或多个表头单元格的id列表，以空格间隔  
值：header\_id

**53、height属性**  
描述：规定元素的高度。  
值：value

**54、hidden属性**  
描述：规定元素进行隐藏。  
值：hidden  
h5新增属性

**55、high属性**  
描述：规定meter元素范围被视为高度的度量值。  
值：number  
h5新增属性

**56、href属性**  
描述：规定连接目标url或外部资源的url  
值：url

**57、hreflang属性**  
描述：规定连接目标的语言编码或外部资源的语言编码。  
值：language\_code

**58、hspace属性**  
描述：规定元素左侧或右侧的空白，以像素计算。  
值：pix

**59、http-equiv属性**  
描述：规定meta元素content属性的信息的http头  
值：value

**60、icon属性**  
描述：指定元素的图标  
值：url  
h5新增属性

**61、id属性**  
描述：规定元素的唯一id。  
值：id

**62、ismap属性**  
描述：规定图像定义为服务器端图像映射。  
值：ismap

**63、keytype属性**  
描述：规定keygen元素一个使用哪种秘钥生成算法。  
值：value  
h5新增属性

**64、kind属性**  
描述：规定trck元素轨道的种类  
值：value  
h5新增属性

**65、label属性**  
描述：规定元素的可见标签。  
值：text

**66、lang属性**  
描述：规定元素内容的语言代码。  
值：language\_code

**67、link属性**  
描述：规定web文档中未访问连接的默认颜色。  
值：value  
注意：最好不使用，用css来描述比较好。

**68、list属性**  
描述：规定绑定到Input元素的datalist的id  
值：datalist\_id  
h5新增属性

**69、longdesc属性**  
描述：规定指向一个页面的url，改页面包含有关元素内容的长描述。  
值：url

**70、loop属性**  
描述：规定音频/视频（audio/video）是否循环播放。  
值:loop  
h5新增属性

**71、low属性**  
描述：规定meter元素的范围是被视为低值的度量值。  
值：number

**72、manifest属性**  
描述：规定web文档的缓存位置。  
值：url

**73、marginheight属性**  
描述：规定元素内容顶部和底部的空白边距，及像素计算。  
值:pix

**74、marginwidth属性**  
描述：规定规定元素内容左侧和右侧的空白边距，及像素计算。  
值:pix

**75、max属性**  
描述：规定元素的最大值。  
值：vlaue  
h5新增属性

**76、maxlength属性**  
描述：规定表单与的最大字符数。  
值：number

**77、media属性**  
描述：指定媒体资源类型  
值：value  
h5新增属性

**78、method属性**  
描述：规定form表单往服务器发送数据的方式。  
值：get|post

**79、min属性**  
描述：规定元素的最小值。  
值：value

**80、multiple属性**  
描述：规定可以为元素选择多个值。  
值：multiple

**81、muted属性**  
描述：规定音频、视频被静音。  
值：muted  
h5新增属性

**82、name属性**  
描述：元素名称  
值：name

**83、nohref属性**  
描述：规定area元素区域没有相关链接。  
值：nohref

**84、noresize属性**  
描述：规定用户无法调整框架（frame）的大小  
值：noresize

**85、noshade属性**  
描述：规定水平线（hr）的颜色呈现为纯色。  
值:noshade

**86、novalidate属性**  
描述：规定当提交表单是不对表单数据（输入）进行验证。  
值：novalidate  
h5新增属性

**87、nowrap属性**  
描述：规定表格单元格的内容不换行。  
值：nowrap

**88、open属性**  
描述：规定元素是可见的。  
值：open  
h5新增属性

**89、optimum属性**  
描述：规定测量范围（meter元素）的最佳值，浮点数。  
值：number  
h5新增属性

**90、pattern属性**  
描述：用于验证输入字段模式。  
值：regexp  
h5新增属性

**91、placeholder属性**  
描述：规定一个简短的提示，描述输入字段的期望值。  
值：text  
h5新增属性

**92、poster属性**  
描述：规定视频下载是显示的图像，或者用户点击莫非按钮前显示的图像。  
值：url  
h5新增属性

**93、preload属性**  
描述：规定音频、视频是否预加载。  
值：value  
h5新增属性

**94、pubdate属性**  
描述：指示time元素中的日期、时间是文档的发布日期。  
值：pubdate

**95、radiogroup属性**  
描述：规定命令组的名称，在改命令被激活或切换时，该命令组会被切换。  
值：groupname

**96、readonly属性**  
描述：规定输入字段（或文本区域）为只读。  
值：readonly

**97、rel属性**  
描述：规定当前文档与被链接文档之间的关系。  
值：value

**98、required属性**  
描述：规定在期缴表单前必须填写输入字段（或外部区域）或在提交表单之前必须选一个值。  
值：required  
h5新增属性

**99、rev属性**  
描述：规定被链接文档与当前文档之间的关系。  
值：value

**100、rows属性**  
描述：规定元素的行数（或行高）  
值：value

**101、rowspan属性**  
描述 ：固定表格单元格应该横跨的行数。  
值：number

**102、rules属性**  
描述：规定表格内侧边框的那一部分是可见的。  
值：value

**103、sandbox属性**  
描述：对iframe元素的内容定义一系列额外的现在  
值：value  
h5新增属性

**104、scheme属性**  
描述：规定用于翻译meta元素content属性值的方案。  
值：value

**105、scope属性**  
描述：规定表头单元格是否是 行、列、行组或列祖的头部。  
值：value

**106、scoped属性**  
描述：规定样式仅仅应用到style元素的父元素及子元素。  
值：scoped

**107、scrolling属性**  
描述：规定框架滚动条的情况。  
值：value

**108、seamless属性**  
描述：规定iframe元素看起来像是包含的文档的一部分。  
值：seamless

**109、selected属性**  
描述：规定在页面加载是预先选定选项（option元素）  
值：selected

**110、shape属性**  
描述：规定object或img元素中农工链接的尺寸、形状和位置。  
值：value

**111、size属性**  
描述：规定文本尺寸。可能的值：从1~7。浏览器默认值为3  
值：value  
h5新增属性

**112、sizes属性**  
描述：规定视觉媒体图标的尺寸。  
值：value

**113、span属性**  
描述：规定了元素一个横跨的列数。  
值：number

**114、spellcheck属性**  
描述：规定是否对元素进行拼写和语法检查。  
值：boolean

**115、src属性**  
描述：规定元素资源的来源的url  
值：url

**116、srcdoc属性**  
描述：显示在框架中的html内容。必须是有效的HTML语法。  
值：html\_cole

**117、srclang属性**  
描述：规定轨道（track）的语言  
值：language\_code

**118、start属性**  
描述：规定有序列表中第一个列表项目的开始值。  
值：number

**119、step属性**  
描述：规定输入字段的合法数字间隔  
值：number  
h5新增属性

**120、style属性**  
描述 ：一个或多个由分号分隔的css属性和值。  
值：style\_defnation

**121、summary属性**  
描述：规定表格内容的摘要  
值：text

**122、tabindex属性**  
描述：规定元素的tab键控制顺序（1是第一）  
值：number

**123、target属性**  
描述：规定在何处打开页面上的链接  
值：value

**124、text属性**  
描述：规定web文档中的文本颜色  
值：value

**125、title属性**  
描述：规定元素的工具提示文本。  
值：ext

**126、translate属性**  
描述：规定是否应该翻译元素内容。  
值：规定是否应该翻译元素内容  
h5新增属性

**127、type属性**  
描述：规定元素的类型。  
值：value

**128、usemap属性**  
描述：\#加上要是用map元素的名称  
值：\#mapname

**129、valign属性**  
描述：规定元素垂直对齐方式。  
值：value

**130、value属性**  
描述：规定元素的值  
值：text

**131、vlink属性**  
描述：规定 web文档中一杯访问的连接颜色  
值：value

**132、vspace属性**  
描述：规定顶元素顶部和底部的空白，以像素计算  
值：pix

**133、width属性**  
描述：规定元素的宽度  
值：value

**134、wrap属性**  
描述：规定在表单提交时文本区域中的文本是如何换行的。  
值：value

html属性学习概览

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关轻量级深度学习网络概览

相关 1 机器学习概览

相关 html5学习(表单新属性)

相关 html 提示属性,HTML 属性

相关 Emit学习(1)-Emit概览

相关 html属性学习概览

相关 ZooKeeper学习（一）ZooKeeper概览

相关 HTML属性

相关多任务学习概览

相关 HTML学习笔记4-HTML属性