<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属性,其值可以为get
或post
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=HTML
或subject=CSS
扩展:enctype属性默认值为application/x-www-form-urlencoded
表示在提交前对所有内容进行编码。multipart/form-data
表示不对字符编码,当提交文件或图片时该值时必须的。text/plain
表示把空格转换为+
符号,但不对特殊字符进行编码
说明:该标签用来定义一个按钮。它同input创建按钮相比不同的是可以放置内容,如图像。为了统一浏览器行为,建议为该标签设置type属性。