<b>,<base>,<bdo>,<blockquote>,<body>,<br>,<button>标签文档

<b>标签

普通文本加粗文本

<p>普通文本<b>加粗文本</b></p>

说明:该标签仅使文本加粗,无语义,如果仅是为了样式效果建议使用css设置。它同<strong>标签表现效果相同,但是<strong>有强调的语义。

<base>标签

<head>
  <base href="https://www.86886.wang/" target="_blank">
</head>

必需属性

href: 规定当前页面所有相对链接的基准URL

可选属性

target: 规定在何处打开页面中的所有链接

说明:该标签必须位于<head>标签内,作用是为页面上的所有链接规定默认URL。在不使用此标签时,浏览器会默认从当前文档的URL中提取相应元素作为相对URL的空白部分,其中包括<a>,<img>,<link>,<script>,<form>标签。

<bdo>标签

hello world

<p>hello <bdo dir="rtl">world</bdo></p>

说明:该标签可覆盖默认的文本方向,dir属性规定元素内文本的方向,其值可以是ltr, rtl

<blockquote>标签

我是一名开源爱好者

<blockquote cite="https://www.86886.wang">
  <p>我是一名开源爱好者</p>
</blockquote>

说明:该标签定义块引用。如果定义短引用可使用<q>标签。cite是其唯一属性,cite属性规定引用的来源,虽然浏览器不支持该属性,但是搜索引擎可以通过该属性获取更多信息。

<body>标签

<body>
  <p>你好</p>
<body>

说明:定义文档的所有内容。

<br>标签

我要
换行

<p>我要<br>换行</p>

<button>标签

<button type="button">我是按钮</button>

属性

autofocus: <button type="button" autofocus>按钮</button>页面加载时自动获得焦点。

disabled: <button type="button" disabled>按钮</button>按钮为禁用状态

from:规定该按钮关联的表单,值为表单的id。该属性可以使我们不用把按钮放到form表单内部。

formaction: <button type="submit" formaction="demo.php">提交</button> 覆盖form元素的默认action属性,改变提交的地址

formenctype: <button type="submit" formenctype="multipart/form-data">提交</button>覆盖form元素的默认enctype属性

formmethod: <button type="submit" formmethod="post">提交</button>覆盖form元素的默认method属性,其值可以为getpost

formnovalidate: <button type="submit" formnovalidate>提交</button>覆盖form元素的默认formnovalidate属性,提交表单时不进行验证,如form表单的required, min, max

formtarget: <button type="submit" formtarget="_blank">提交</button>覆盖form元素的默认target属性

name: <button type="submit" name="test">提交</button>该属性定义按钮的名称,多个按钮可以是同一个名称。name用于在JavaScript中对元素进行引用

type: <button type="reset">重置</button>该属性其值可以是submit, button, reset中的一个。submit表示提交按钮,button表示可点击的按钮,reset重置按钮

<form action="demo.php" method="get">
  <button name="subject" type="submit" value="HTML">HTML</button>
  <button name="subject" type="submit" value="CSS">CSS</button>
</form>

value: 规定点击按钮时提交的初始值。当button的name属性值值相同时,可提交不同的值,后台会接受到subject=HTMLsubject=CSS

扩展:enctype属性默认值为application/x-www-form-urlencoded表示在提交前对所有内容进行编码。multipart/form-data表示不对字符编码,当提交文件或图片时该值时必须的。text/plain表示把空格转换为+符号,但不对特殊字符进行编码

说明:该标签用来定义一个按钮。它同input创建按钮相比不同的是可以放置内容,如图像。为了统一浏览器行为,建议为该标签设置type属性。

posted @ 2021-09-30 14:13  wmui  阅读(44)  评论(0编辑  收藏  举报