ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

学习HTML之路4

2021-11-14 14:03:20  阅读:188  来源: 互联网

标签:定义 元素 之路 学习 HTML New 文本 属性


HTML 属性


属性是 HTML 元素提供的附加信息。


HTML 属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现,比如:name="value"

属性实例

HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:

实例

<a href="http://www.runoob.com">这是一个链接</a>


尝试一下 »


HTML 属性常用引用属性值

属性值应该始终被包括在引号内。

双引号是最常用的,不过使用单引号也没有问题。

提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson'


HTML 提示:使用小写属性

属性和属性值对大小写不敏感。

不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。


HTML 属性参考手册

查看完整的HTML属性列表: 

HTML 参考手册- (HTML5 标准)


按字母顺序排列

New : HTML5新标签

标签描述
<!--...-->定义注释
<!DOCTYPE>定义文档类型
<a>定义超文本链接
<abbr>定义缩写
<acronym>定义只取首字母的缩写,不支持HTML5
<address>定义文档作者或拥有者的联系信息
<applet>HTML5中不赞成使用。定义嵌入的 applet。
<area>定义图像映射内部的区域
<article>New定义一个文章区域
<aside>New定义页面的侧边栏内容
<audio>New定义音频内容
<b>定义文本粗体
<base>定义页面中所有链接的默认地址或默认目标。
<basefont>HTML5不支持,不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi>New允许您设置一段文本,使其脱离其父元素的文本方向设置。
<bdo>定义文字方向
<big>定义大号文本,HTML5不支持
<blockquote>定义长的引用
<body>定义文档的主体
<br>定义换行
<button>定义一个点击按钮
<canvas>New定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形
<caption>定义表格标题
<center>HTML5不支持,不赞成使用。定义居中文本。
<cite>定义引用(citation)
<code>定义计算机代码文本
<col>定义表格中一个或多个列的属性值
<colgroup>定义表格中供格式化的列组
<command>New定义命令按钮,比如单选按钮、复选框或按钮
<datalist>New定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<dd>定义定义列表中项目的描述
<del>定义被删除文本
<details>New用于描述文档或文档某个部分的细节
<dfn>定义定义项目
<dialog>New定义对话框,比如提示框
<dir>HTML5不支持,不赞成使用。定义目录列表。
<div>定义文档中的节
<dl>定义列表详情
<dt>定义列表中的项目
<em>定义强调文本
<embed>New定义嵌入的内容,比如插件。
<fieldset>定义围绕表单中元素的边框
<figcaption>New定义<figure> 元素的标题
<figure>New规定独立的流内容(图像、图表、照片、代码等等)。
<font>HTML5不支持,不赞成使用。定义文字的字体、尺寸和颜色。
<footer>New定义 section 或 document 的页脚。
<form>定义了HTML文档的表单
<frame>定义框架集的窗口或框架
<frameset>定义框架集
<h1> to <h6>定义 HTML 标题
<head>定义关于文档的信息
<header>New定义了文档的头部区域
<hr>定义水平线
<html>定义 HTML 文档
<i>定义斜体字
<iframe>定义内联框架
<img>定义图像
<input>定义输入控件
<ins>定义被插入文本
<kbd>定义键盘文本
<keygen>New规定用于表单的密钥对生成器字段。
<label>定义 input 元素的标注
<legend>定义 fieldset 元素的标题。
<li>定义列表的项目
<link>定义文档与外部资源的关系
<main>定义文档的主体部分。
<map>定义图像映射
<mark>New定义带有记号的文本。请在需要突出显示文本时使用 <em> 标签。
<menu>不赞成使用。定义菜单列表。
<meta>定义关于 HTML 文档的元信息。
<meter>New定义度量衡。仅用于已知最大和最小值的度量。
<nav>New定义导航链接的部分
<noframes>定义针对不支持框架的用户的替代内容。HTML5不支持
<noscript>定义针对不支持客户端脚本的用户的替代内容。
<object>定义内嵌对象
<ol>定义有序列表。
<optgroup>定义选择列表中相关选项的组合。
<option>定义选择列表中的选项。
<output>New定义不同类型的输出,比如脚本的输出。
<p>定义段落。
<param>定义对象的参数。
<pre>定义预格式文本。
<progress>New定义运行中的进度(进程)。
<q>定义短的引用。
<rp>New<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
<rt>New<rt> 标签定义字符(中文注音或字符)的解释或发音。
<ruby>New<ruby> 标签定义 ruby 注释(中文注音或字符)。
<s>不赞成使用。定义加删除线的文本。
<samp>定义计算机代码样本。
<script>定义客户端脚本。
<section>New<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<select>定义选择列表(下拉列表)。
<small>定义小号文本。
<source>New<source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
<span>定义文档中的节。
<strike>HTML5不支持,不赞成使用。定义加删除线文本。
<strong>定义强调文本。
<style>定义文档的样式信息。
<sub>定义下标文本。
<summary>New<summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。
<sup>定义上标文本。
<table>定义表格。
<tbody>定义表格中的主体内容。
<td>定义表格中的单元。
<textarea>定义多行的文本输入控件。
<tfoot>定义表格中的表注内容(脚注)。
<th>定义表格中的表头单元格。
<thead>定义表格中的表头内容。
<time>New定义日期或时间,或者两者。
<title>定义文档的标题。
<tr>定义表格中的行。
<track>New<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
<tt>定义打字机文本。
<u>不赞成使用。定义下划线文本。
<ul>定义无序列表。
<var>定义文本的变量部分。
<video>New<video> 标签定义视频,比如电影片段或其他视频流。
<wbr>New规定在文本中的何处适合添加换行符。

下面列出了适用于大多数 HTML 元素的属性:

属性描述
class为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id定义元素的唯一id
style规定元素的行内样式(inline style)
title描述了元素的额外信息 (作为工具条使用)

更多标准属性说明:

HTML 全局属性


New : HTML5 新属性。

属性描述
accesskey设置访问元素的键盘快捷键。
class规定元素的类名(classname)
contenteditableNew规定是否可编辑元素的内容。
contextmenuNew指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单
data-*New用于存储页面的自定义数据
dir设置元素中内容的文本方向。
draggableNew指定某个元素是否可以拖动
dropzoneNew指定是否将数据复制,移动,或链接,或删除
hiddenNewhidden 属性规定对元素进行隐藏。
id规定元素的唯一 id
lang设置元素中内容的语言代码。
spellcheckNew检测元素是否拼写错误
style规定元素的行内样式(inline style)
tabindex设置元素的 Tab 键控制次序。
title规定元素的额外信息(可在工具提示中显示)
translateNew指定是否一个元素的值在页面载入时是否需要翻译

标签:定义,元素,之路,学习,HTML,New,文本,属性
来源: https://blog.csdn.net/Protinx/article/details/121316963

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有