7.30前端之Html元素

7.30前端之Html元素

元素语法

• 开始标签称为起始标签(opening tag)，结束标签称为闭合标签(closing tag)

• 某些 HTML 元素具有空内容(empty content)

• 空元素在开始标签中进行关闭（以开始标签的结束而结束）

• 大多数 HTML 元素可拥有属性

Html属性

• HTML 元素可以设置属性

• 属性可以在元素中添加附加信息

• 属性一般描述于开始标签

• 属性总是以key/value对的形式出现，如：name="value"。

<a href="http://www.runoob.com">这是一个链接</a>
<!--
这个href就是一个属性
属性值可以用单引号引起来也可以用双引号引起来
属性值本身就含有双引号，那么必须使用单引号
-->

Html部分属性参考以及属性参考手册地址

属性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)--->class=""里面可以填入多个类--->全局属性
id	定义元素的唯一id--->id=""里面填入多个id值只有第一个有效，多个无效--->全局属性
style	规定元素的行内样式（inline style）--->全局属性
title	描述了元素的额外信息 (作为工具条使用)--->全局属性
translate	指定是否一个元素的值在页面载入时是否需要翻译--->重要、常用
spellcheck	检测元素是否拼写错误
hidden	hidden 属性规定对元素进行隐藏--->重要
dropzone	指定是否将数据复制，移动，或链接，或删除--->重要
draggable	指定某个元素是否可以拖动--->重要、常用
data-*	用于存储页面的自定义数据
contextmenu	指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单
contenteditable	规定是否可编辑元素的内容--->重要、常用

全局属性参考手册地址引用

标签	描述
article	定义一个文章区域
aside	定义页面的侧边栏内容
audio	定义音频内容
b	定义文本粗体
bdi	允许设置一段文本，使其脱离其父元素的文本方向设置
canvas	定义图形，比如图表和其他图像,标签只是图形容器，必须使用脚本来绘制图形
caption	定义表格标题
datalist	定义选项列表。与 input 元素配合使用，来定义 input 可能的值
dialog	定义对话框
figure	规定独立的流内容（图像、图表、照片、代码等等）
footer	定义 section 或 document 的页脚
keygen	表单的密钥对生成器字段
section	<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分

标签参考手册地址引用