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、区段)。比如章节、页眉、页脚或文档中的其他部分

标签参考手册地址引用

It's a lonely road!!!
原文地址:https://www.cnblogs.com/JunkingBoy/p/15081218.html