HTML常见标签


关于HTML的标签 MDN 和 W3c 都有详细的文档说明,这篇博客只是对部分的常用标签做一个归纳。需要查询具体的参数,请移步到上面的官网;
另注:下文的标签属性均为html5所用属性,已废弃属性不在齐列。

<div>

如果说最常用的标签,<div>绝对是毫无异义的一位选手。

  • 关键词
    块级元素
  • 定义和用法
    在<div>标签定义的划分或HTML文档中的一个部分。
    在<div>元素通常被用作一个容器,用于其他HTML元素将它们与CSS样式或使用JavaScript执行某些任务。
  • 默认css设置
div{
  display:block;
}

<a>

  • 关键词
    超链接
  • 定义和用法
    <a>标签定义了一个超链接,其被用于连接从一个页面到另一个。
    <a>元素最重要的属性是href属性,这表示链接的目标。
  • 属性
属性 值 描述
download filename 规定被下载的超链接目标
href url 规定链接指向的页面的 URL
hreflang language_code 规定被链接文档我的语言
media media_query 规定被链接文档是为何种媒介/设备优化的
rel text 规定当前文档与被链接文档之间的关系
target _blank
_parent
_self
_top
framename
规定在何处打开链接文档
type MIME type 规定被链接文档的MIME类型
  • 默认css设置
div{
  display:block;
}

<span>

  • 关键词
    行内元素
  • 定义和用法
    <span> 标签被用来组合文档中的行内元素.span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。

<h1>~<h6>

  • 关键词
    标题
  • 定义和用法
    在<h1>到<h6>标记被用来定义HTML标题。
    <h1>定义的最重要的标题。<h6>定义最不重要的标题。

<p>

  • 关键词
    段落/块级元素
  • 定义和用法
    表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进。
  • 默认css设置
p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

<ul>,<ol>,<li>

  • 关键词
    列表
  • 定义和用法
    1. <ul>代表多项的无序列表,即无数值排序项的集合,且它们在列表中的顺序是没有意义的。
    2. <ol>表示多个有序列表项,通常渲染为有带编号的列表。
    3. <li>用于表示列表里的条目。它必须被包含在一个父元素里:<ol>,<ul>,<menu>

<dl>,<dt>,<dd>

  • 关键词
    定义列表
  • 定义和用法
    1. <dl>是一个包含术语定义以及描述的列表,通常用于展示词汇表或者元数据 (键-值对列表)。
    2. <dt>用于在一个定义列表中声明一个术语
    3. <dd>用来在一个定义列表中声明一个术语的描述

<form>

  • 关键词
    块级元素/表单
  • 定义和用法
  1. <form>标签用于为用户输入创建 HTML 表单。
  2. 表单能够包含 <input>元素,比如文本字段、复选框、单选框、提交按钮等等。
  3. 表单还可以包含 <menus>、<textarea>、<fieldset>、<legend> 和 <label> 元素。
  4. 表单用于向服务器传输数据。
  • 属性
属性 值 描述
accept-charset charset-list 服务器可处理的表单数据字符集
action URL 提交表单时向何处发送表单
autocomplete on
off
是否启用自动填充
enctype 发送表单之前如何编码
method get
post
发送form-data的http方法
name form_name 表单的名称
novalidate novalidate 提交表单时不进行验证
target _blank
_parent
_self
_top
framename
规定在何处打开 action URL

<input>

  • 关键词
    输入框/空元素
  • 定义和用法
    1. 用于搜集用户信息。
    2. 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

<img>

  • 关键词
    图像/空元素
  • 定义和用法
    1. 元素向网页中嵌入一幅图像
    2. 必有属性src,alt;

<main>

  • 关键词
    主要内容/唯一
  • 定义和用法
    1. 规定文档的主要内容
    2. 在一个文档中,不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代:<article>、<aside>、<footer>、<header> 或 <nav>。

<nav>

  • 关键词
    导航/块级元素
  • 定义和用法
    含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表.

<footer>

  • 关键词
    页脚/块级元素
  • 定义和用法
    1. <footer> 标签定义文档或节的页脚。
    2. <footer>元素应当含有其包含元素的信息。
    3. 页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
    4. 您可以在一个文档中使用多个 <footer>元素。

……未完待续

——远方不远

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,353评论 1赞 92
  • 标题 h1~h6代表标题,逐层弱化h1代表页面最大的标题h2代表二级标题h3代表三级标题h4代表四级标题h5代表五...
    loser先生阅读 1,190评论 0赞 2
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,407评论 3赞 119
  • 看清楚哦亲,是Self不是self 直接上代码: protocol IntervalType { func cl...
    sprint阅读 427评论 0赞 6
  • 记得之前跟周米交流过,身边的I特质明显但又不是那种讨喜(估计还带了一些C特质)的人,共事或者相处,总是觉得不太接纳...
    Nina张阅读 310评论 2赞 0

友情链接更多精彩内容