semantictagging的简单介绍

本文目录一览：

• 1、语义化标签是什么？有什么作用
• 2、常见的html语义化标签
• 3、html语义化标签有哪些
• 4、html5的语义化标签有哪些及其作用?
• 5、html中a是语义标签吗
• 6、html5的语义化标签有哪些

语义化标签是什么？有什么作用

语义化标签就是尽量使用有相对应的结构的含义的Html的标签，以Table为例：

table

tr

td消费项目/td

td消费金额/td

/tr

tr

td吃饭/td

td20元/td

/tr

/table

你看出了上面的Table有什么毛病吗？嘿嘿，那你看这个语义化的标签

table

caption花费记账/caption

thead

tr

th消费项目/th

th消费金额/th

/tr

/thead

tbody

td吃饭/td

td20元/td

/tbody

/table

这两块代码的标签不一样，第二个表格的这些标签代码，无疑更符合Web标准.

caption:表格的标题;

thead:一表格的表头;

th:表的某一列的列头。

再说我们习以为常的

title博客园简介/titlebody博客园是一个软件开发的技术乐园，它于2004年创办，这里.../body

你看，为什么我们看一篇文章，一下就知道标题在哪呢？在浏览器的顶端。那为什么搜索引擎能抓取呢？就是它知道这个语义化标签title里的就是文章标题，要是我们不遵守这个，而是：

span博客园简介/spanspan博客园是一个软件开发的技术乐园，它于2004年创办，这里...span

那搜索引擎怎么就知道谁是标题，谁是内容了呢？它又靠什么去抓取标题呢?其实语义化不仅可以是标签语义化,还可以延伸成结构语义化.举例:

#left{float:left;margging-left:50px;}

#right{float:right;margin-top:100px;}

div id="left"content../div

div id="right"content../div

这个例子里对id的命名稍微有点夸张,但是类似的情况却使有的,当我们想把#left这个div放到页面的右边,和#right调换位置时,难道你可以把样式改成这样?

#left{float:right;margin-left:50px;}

#right{float:left;margin-top:100px;}

那样看着多别扭,多误导人这两个div的布局啊.

应该写成这样.

div id="main"content../div

div id="sidebar"content../div

那样既一目了然这几个div里是什么内容也方便对其中的样式进行修改.

常见的html语义化标签

常见的语义化标签

因此我们在写页面结构时，应尽量使用有 语义的HTML 标签

title：页面主体内容。

hn：h1~h6，分级标题，h1 与 title 协调有利于搜索引擎优化。

ul：无序列表。

li：有序列表。

header：页眉通常包括网站标志、主导航、全站链接以及搜索框。

nav：标记导航，仅对文档中重要的链接群使用。

main：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。

article：定义外部的内容，其中的内容独立于文档的其余部分。

section：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

aside：定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。

footer：页脚，只有当父级是body时，才是整个页面的页脚。

small：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。

strong：和 em 标签一样，用于强调文本，但它强调的程度更强一些。

em：将其中的文本表示为强调的内容，表现为斜体。

mark：使用黄色突出显示部分文本。

figure：规定独立的流内容（图像、图表、照片、代码等等）（默认有40px左右margin）。

figcaption：定义 figure 元素的标题，应该被置于 figure 元素的第一个或最后一个子元素的位置。

cite：表示所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。

blockquoto：定义块引用，块引用拥有它们自己的空间。

q：短的引述（跨浏览器问题，尽量避免使用）。

time：datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式。

abbr：简称或缩写。

dfn：定义术语元素，与定义必须紧挨着，可以在描述列表dl元素中使用。

address：作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）。

del：移除的内容。

ins：添加的内容。

code：标记代码。

meter：定义已知范围或分数值内的标量测量。（Internet Explorer 不支持 meter 标签）

progress：定义运行中的进度（进程）。

：

：

html语义化标签有哪些

一、什么是HTML语义化标签

语义化的标签，旨在让标签有自己的含义。

p一行文字/pspan一行文字/span

如上代码，p 标签与 span 标签都区别之一就是，p 标签的含义是：段落。而 span 标签责没有独特的含义。

二、语义化标签的优势

代码结构清晰，方便阅读，有利于团队合作开发。

方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页。

有利于搜索引擎优化（SEO）。

三、常见的语义化标签

因此我们在写页面结构时，应尽量使用有 语义的HTML 标签

title：页面主体内容。

hn：h1~h6，分级标题，h1 与 title 协调有利于搜索引擎优化。

ul：无序列表。

li：有序列表。

header：页眉通常包括网站标志、主导航、全站链接以及搜索框。

nav：标记导航，仅对文档中重要的链接群使用。

main：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。

article：定义外部的内容，其中的内容独立于文档的其余部分。

section：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

aside：定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。

footer：页脚，只有当父级是body时，才是整个页面的页脚。

small：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。

strong：和 em 标签一样，用于强调文本，但它强调的程度更强一些。

em：将其中的文本表示为强调的内容，表现为斜体。

mark：使用黄色突出显示部分文本。

figure：规定独立的流内容（图像、图表、照片、代码等等）（默认有40px左右margin）。

figcaption：定义 figure 元素的标题，应该被置于 figure 元素的第一个或最后一个子元素的位置。

cite：表示所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。

blockquoto：定义块引用，块引用拥有它们自己的空间。

q：短的引述（跨浏览器问题，尽量避免使用）。

time：datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式。

abbr：简称或缩写。

dfn：定义术语元素，与定义必须紧挨着，可以在描述列表dl元素中使用。

address：作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）。

del：移除的内容。

ins：添加的内容。

code：标记代码。

meter：定义已知范围或分数值内的标量测量。（Internet Explorer 不支持 meter 标签）

progress：定义运行中的进度（进程）。

html5的语义化标签有哪些及其作用?

header

header元素描述了文档的头部区域

nav

标签定义导航链接的部分。

section

section 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

article

article 标签定义独立的内容。

aside

aside 标签定义页面主区域内容之外的内容（比如侧边栏）。

figcaption

figcaption 标签定义 figure 元素的标题.

figcaption元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

figure

figure标签规定独立的流内容（图像、图表、照片、代码等等）。

footer

    footer 元素描述了文档的底部区域.

html中a是语义标签吗

a标签并不算是语义标签：他没有意义，只是一个链接。

语义标签包括：

article定义一篇文章

aside定义除页面内容之外的内容

details定义用户可以查看或隐藏的其他详细信息

figcaption为figure元素定义标题

figure指定自包含的内容，如插图，图表，照片，代码清单等。

footer为文档或部分定义页脚

header指定文档或节的标题

main指定文档的主要内容

mark定义标记/突出显示的文本

nav定义导航链接

section定义文档中的部分

summary为details元素定义可见标题

time定义日期/时间

甚至p标签都不算，语义学是研究语言中单词和短语的含义。语义元素=具有意义的元素。而p标签b标签都只是装饰/标准标签

html5的语义化标签有哪些

1.header：标签定义“网页”或“section”的页眉。

通常包含h1-h6元素或hgroup，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logo。

2.nav：定义导航链接的部分。

3.footer标签：代表“网页”或“section”的页脚。

通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料。

如果footer元素包含了整个节，那么它们就代表附录，索引，提拔，许可协议，标签，类别等一些其他类似信息。

4. hgroup元素：“网页”或“section”的标题

当元素有多个层级时，该元素可以将h1到h6元素放在其内，譬如文章的主标题和副标题的组合

5.section标签：定义文档中含有标题和段落的区域。（强调分段或分块）

6.article：代表独立、完整、可独自被外部引用的内容（博客或报刊中的文章、一遍论坛帖子、一段用户评论或独立的插件、或任何独立的内容）;（强调的是独立性！可含有完整的标题、内容、脚注)

7. aside标签：表示当前页面或文章的附属信息部分，可包含于当前页面或主要内容相关的引用、侧边栏、广告、导航条、以及其他类似的有别于主要内容的部分。

8. figure标签：规定独立的流内容（图像、图表、照片、代码等等）。

figcaption标签：用于元素定义figure的标题。

1）.一个figure元素内最多只允许放置一个figcaption元素，其他元素可无限放置。

2）.figcaption 元素应该被置于 figure元素的第一个或最后一个子元素的位置。

9. time标签：定义时间或日期

10. address标签：代表区块容器，必须是作为联系信息出现，邮编地址、邮件地址等等,一般出现在footer。

semantictagging的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、semantictagging的信息别忘了在云尚网络进行查找喔。