zoukankan      html  css  js  c++  java
  • 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!!!
  • 相关阅读:
    学会用好 Visual Studio Code
    Alpha冲刺阶段博客汇总
    第二天敏捷冲刺
    第一天敏捷冲刺
    需求分析与设计
    软工网络15团队作业2——团队计划
    团队组队&灰化肥挥发会发黑
    Tomcat安装及部署
    正则表达式
    爬取腾讯疫情数据
  • 原文地址:https://www.cnblogs.com/JunkingBoy/p/15081218.html
Copyright © 2011-2022 走看看