01-HTML5新的语义标签比如 <header>, <footer>, <article>, <section>,<aside>等

本文介绍了HTML5中新增的语义标签,包括<header>, <footer>, <article>, <section>和<aside>等,旨在提升网页内容的结构化和可读性。通过学习这些标签,开发者可以更好地组织网页内容,提高SEO效果。" 111635899,10292877,Python字符串操作:内置函数详解,"['Python', '字符串操作', '编程技巧']

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML5新的语义标签

headerfooter
navmain
sectionaside
articlemark定义有记号的文本
timedetails定义元素的细节。(详细信息)
summary为 元素定义可见的标题。figure定义媒介内容的分组,以及它们的标题。
figcaption定义 figure 元素的标题。video
audioembed定义外部交互内容或插件
source定义媒介源track定义用在媒体播放器中的文本轨道。 用法如下:<video width="320" height="240" controls="controls"><br/> <source src="forrest_gump.mp4" type="video/mp4" /><br/> <source src="forrest_gump.ogg" type="video/ogg" /><br/> <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese"><br/> <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English"><br/> </video>
canvas定义图形。svg也可以定义图形。command定义命令按钮 ?
datalist定义下拉列表, option用于子选项dialog定义对话框或窗口
keygen定义生成密钥meter定义预定义范围内的度量。用法如下:<meter value="3" min="0" max="10">3/10</meter> <br> <meter value="0.6">60%</meter>
output定义输出的一些类型progress定义任何类型的任务的进度
rp定义浏览器不支持 ruby元素显示的内容 ?rt定义ruby注释的解释 ?
ruby定义ruby注释 ?wbr定义可能的换行符 ?

HTML4的标签:

<!-- -->	
<!DOCTYPE>	
a
abbr	定义缩写
address 定义地址元素
area	定义图像映射中的区域

b
base	定义页面中所有连链接接的基准url
bdo	定义文本显示方向
blockquote	定义长的引用
body
br
button

caption	 定义表格标题
cite	 定义引用
code	 定义计算机代码文本
col	 定义表格列的属性		?
colgroup 定义表格列的分组		?

dd
del
dfn	定义一个定义项目。
	<dfn> 标签可标记那些对特殊术语或短语的定义。
	现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来,<dfn> 还可能有助于创建文档的索引		或术语表。
div
dl
dt

em
fielset  
	<fieldset> 标签用于从逻辑上将表单中的元素组合起来。
	<fieldset> 标签会在相关表单元素周围绘制边框。
	<legend> 标签为 fieldset 元素定义标题。
form
h1-h6
head
hr
html
i
iframe	定义行内的子窗口(框架)
img
input
ins	定义插入文本	例子提示:请与 <del> 标签一起使用,来描述对文档的更新和修正。 

kbd 	定义键盘文本	 
--------------------------------------------------
定义和用法
以下元素都是短语元素。并不反对使用它们,但是通过使用样式表,可能取得更丰富的效果。
<em>	呈现为被强调的文本。
<strong>	定义重要的文本。
<dfn>	定义一个定义项目。
<code>	定义计算机代码文本。
<samp>	定义样本文本。
<kbd>	定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<var>	定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<cite>	定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。
--------------------------------------------------
label	定义表单控件的标准
	<label for="male">Male</label>
	<input type="radio" name="sex" id="male" />
	注释:可以通过使用 "for" 属性将 label 绑定到另一个元素,或者直接在 label 元素内部放置元素。
legend	定义fieldset中的标题
li
link
map	定义图像映射
menu	定义菜单列表	
--------------------------------------------------
meta	定义元信息
例子:
定义针对搜索引擎的关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
定义对页面的描述:
<meta name="description" content="免费的 web 技术教程。" />
定义页面的最新版本:
<meta name="revised" content="David, 2008/8/8/" />
每 5 秒刷新一次页面:
<meta http-equiv="refresh" content="5" />
--------------------------------------------------
noscript 定义noscript部分
	noscript 元素用来定义在脚本未被执行时的替代内容(文本)。
	此标签用于可识别 <script> 标签但无法支持其中脚本的浏览器。

object	 定义嵌入对象
ol
optgroup 定义选项组
option	 定义下拉列表中的选项
p
param	 为对象定义参数
pre	 定义预格式化文本	?
q	 定义短的引用
samp	 定义样本计算机代码	?
script	 定义脚本
select	 定义可选列表
small 	 将旁注呈现为小型文本
span
strong
style	 定义样式定义
sub	 定义下表文本

table
tbody
td
textarea
tfoot
th
thead
title
tr
ul
var	 定义变量	?

注释: “?” : 表示本人不理解。

参考:w3school 在线教程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值