书小宅之网页设计——标签

书小宅

已于 2022-07-13 10:42:30 修改

阅读量356

点赞数

分类专栏：前端文章标签：网页设计标签

于 2019-07-20 10:28:41 首次发布

本文链接：https://blog.csdn.net/qq_36447261/article/details/96556499

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

HTML常用标签

文档结构标签
<html>……</html> ：标识HTML文档的起始和终止。
<head>……</head> ：标识HTML文档的头部区域。
<body>……</body> ：标识HTML文档的主体区域。

文本格式标签
<title>……</title> ：标识网页标题。
<hi>……</hi> ：标识文档标题，表示第i级标题。
<p>……</p> ：标识文档中段落文本的内容。
<pre>……</pre> ：标识预定义文本。
- [x] <blockquote>……</blockquote> ：标识引用文本。

字符格式标签
<b>……</b> ：标识强调文本，加粗。
<i>……</i> ：标识引用文本，斜体。
<blink>……</blink> ：标识闪烁文本，闪烁，IE不支持。
<big>……</big> ：标识放大文本，放大。
- [x] <small>……</small> ：标识缩小文本，缩小。
<sup>……</sup> ：标识上标文本，上标。
<sub>……</sub> ：标识下标文本，下标。
<cite>……</cite ：标识引用文本，引用。

列表标签

有序列表和无序列表
先标识列表有序还是无序，再内嵌列表项目

<ul>……</ul>：标识无序列表。
<ol>……</ol> ：标识有序列表。
<li>……</li> ：标识列表项目。

定义列表：
搜索引擎认为dt元素包含的是抽象、概括或简练的内容，对应的dd元素包含的是与dt内容相关联的具体、详细或生动说明。
误区：（1）一个dt之下包含多个dd；（2）缺失dt或dd元素。

<dl>……</dl> ：标识定义列表，包括词条和解释两块内容。
<dt>……</dt> ：标识词条。
<dd>……</dd> ：标识解释。

链接标签
<a>……</a> ：标识超链接。
<a href="http://www.baidu.com">去百度搜索</a>
锚链接：定义锚点，定位到网页某个具体的位置
<a href="#btm">跳转到底部</a>
<span id="btm">底部锚点位置</span>

多媒体标签
**<img/>：嵌入图像。
<img src="images/1.jpg" width="343" height="220" alt=" "/>
<embed>……</embed> ：嵌入多媒体。
<object>……</object> ：嵌入多媒体。

表格标签
<table>……</table> ：定义数据表结构，其summary属性定义数据表格。
<caption>……</caption> ：定义表格标题。
<th>……</th> ：定义表头，列标题元素。
<tr>……</tr> ：定义表格行。
- [x] <td>……</td> ：定义表格单元格。

表单标签
<form>……</form> ：定义表单结构。
**<input/>：定义文本域、按钮和复选键。
<textarea>……</textarea> ：定义多行文本框。
<select>……</select> ：定义下拉列表。
<option>……</option> ：敌营下拉列表中的选择项目。

元素分类

结构语义
div ：在文档中定义一个包含框区域
span ：在文本种定义一个包含框区域，局部信息修饰。
ol ：有序列表。
ul ：无序列表。
li ：列表项。
dl ：定义列表，包括词条和解释两块内容。
dt ：定义词条。
dd ：定义词条的解释。
del ：定义删除的文本。
ins ：定义插入的文本。
hi ：定义不同级别的标题。
p ：定义段落结构。
*hr ：定义水平线。

结构语义
a ：定义锚，多页间定位。
abbr ：定义缩略词。
acronym ：定义取首字母的缩略词。
address ：定义地址。
dfn ：定义条目。
kbd ：定义键盘键。
samp ：定义样本。
var ：定义变量。
tt ：定义打印机字体。
code ：定义计算机源码。
pre ：定义预定义格式文本，保留源代码格式。
blockquote ：定义大块内容引用。
cite ：定义引文。
q ：引用短语。
strong：定义重要文本。
em：定义文本为重要。

修饰语义
b：定义粗体。
i：定义斜体。
big：定义文本增加。
small：定义文本缩小。
sup：定义文本上标。
sub：定义文本下标。
bdo：定义文本显示方向。
br：定义换行。

已废除的元素如下：

center：定义文本居中。
font：定义文字样式、大小和颜色。
u：定义文本下划线。
s：定义删除线。
strike：定义删除线。

属性分类

核心属性
class：定义类规则或样式规则。
id：定义元素的唯一标识。
style：定义元素的样式声明。

下面的元素不拥有核心语义属性

html：文档基本结构。
head：头部基本结构。
title：网页标题。
base：网页基准信息。
meta：网页元信息。
param：元素参数信息。
script：网页的脚本。
style：网页的样式。

语言属性
lang：定义元素的语言代码或编码。
dir：定义文本对齐方向，ltr表示从左向右，rtl表示从右向左。
<html xmlns="http://www.w1.org/1999/xhtml" dir="ltr" xml:lang="zh-CN">  简体中文
<body id="myid" lang="en-us">  美式英语
下面的元素不拥有语言语义属性

frameset、frame、iframe：网页框架结构。
- [x] br：换行标识。
hr：结构装饰线。
base：网页基准信息。
param：元素参数信息。
script：网页的脚本。

键盘属性
accesskey：定义访问某元素的键盘快捷键，（Alt+字母）访问指定的URL，IE浏览器中需要配合Enter使用。
<a href="http://www.mysite.cn/" accesskey="a">   
*tabindex：定义元素的tab键索引编号，遍历时会按照tabindex的大小决定顺序，遍历到某一个链接时，按Enter键可以进入链接。

内容属性
alt：定义元素的替换文本，用在img，area，input元素无法正常显示时提供文本说明。
title：定义元素的提示文本，为元素提供额外的说明信息，当鼠标指针移动到元素上时，可以看到这些提示信息。
longdesc：定义元素包含内容的大段描述信息，可链接到包含图片秒速信息的单独页面或者长段描述信息，可以是文字或.html文档。
- [x] cite：定义元素包含内容的引用信息。
<blockquote cite="http://www.mysite.cn/csslayout.htm">
<p>这段文字引用自cite的属性值中的网址</p>
</blockquote >
datetime：定义元素包含内容的日期和时间。
<ins datetime="2014-5-1 8:0:0">ins标签定义发布时间</ins>

其他属性
rel：定义当前页面与其他页面的关系。
rev：定义其他页面与当前页面之间的链接关系。
appendix：链接到文档的附录页。
alternate：链接到一个备选的源。
bookmark：链接到一个书签。
chapter：从当前文档链接到一个章节。
contents：链接到当前文档的内容目录。
copyright：链接到当前文档的版权或隐私页面。
glossary：链接到当前文档述语表。
index：链接到当前文档的索引。
next：链接到集合中的下一个文档。
prev：链接到集合中的前一个文档。
section：链接到文档列表中的一个小节。
start：链接到当前文档的第一页。
subsection：链接到当前文档列表中的子小节。
head：链接到集合中的顶级文档。
toc：链接到集合的目录。
parent：链接到源上面的文档。
child：链接到源下面的文档。

target：定义超链接中设置浏览器如何显示目标文档。

敬请批评指正！

书小宅

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
书小宅之网页设计——标签

HTML常用标签文档结构标签 <html>……</html> ：标识HTML文档的起始和终止。 <head>……</head> ：标识HTML文档的头部区域。 <body>……</body> ：标识HTML文档的主体区域。文本格式标签 <title>……</title> ：标识.........
复制链接

扫一扫

专栏目录