常见的html语义化标签
发布网友
发布时间:2022-04-26 05:47
我来回答
共1个回答
热心网友
时间:2022-04-19 06:14
常见的语义化标签
因此我们在写页面结构时,应尽量使用有 语义的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 标签 <title>:页面主体内容。<hn>:h1~h6,分级标题,<h1> 与 <title> 协调有利于搜索引擎优化。<ul>:无序列表。<li>:有序列表。<header>:页眉通常包括网站标志、主导航、全站链接以及搜索框。<nav>:标记导航,仅对文档...
html5的语义化标签有哪些及其作用?
<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。<article> <article> 标签定义独立的内容。<aside> <aside> 标签定义页面主区域内容之外的内容(比如侧边栏)。<figcaption> <figcaption> 标签定义 <figure> 元素的标题.<figcaption>元素应该被置于 "figure" ...
HTML中的语义标签和元信息标签(整理)
语义类标签是纯文字的补充,如标题、自然段、章节、列表等。<section>、<p>、<nav>。 现代互联网产品中,HTML描述"软件界面"多过"富文本",而软件界面里的东西,几乎是没有语义的。在任何"软件界面的场景中",可以直接使用div和span。 语义标签的优点:在很多工作场景里,正确地使用语义标签可...
HTML5的语义化标签有哪些,作用是什么
<footer>:定义页脚 标签作用:header与footer标签用于表示页面、应用或某个模块的头部和尾部;nav用于表示导航;article标签表示文章;aside标签和article标签用法类似,只是表示内容会出现在侧边栏;figure标签表示一段自包含的内容——独立的流内容(图像、图标、照片、代码等)在开发当中,可以使用section和ar...
格式化标签的特点,HTML网页有哪些典型格式化标签?
1.标题标签为了使网页更具有语义化(语义化是指赋予普通网页文本特殊的含义),我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>标题的重要性依次递减。标题标签的基本语法格式如下。<hnalign="对齐方式">标题文本</hn>在上面...
在html5中有哪些语义化标记
html有以下几个语义化标记 header元素 header 元素代表“网页”或“section”的页眉 通常包含h1-h6元素或hgroup,作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分,一个搜索框,一个nav,或者任何相关logo。footer元素 footer元素代表“网页”或“section”的页脚,通常含有该节的一些基本信息,...
article是什么标签?
article是HTML布局中的一种元素。它是一种语义化的标签,用于定义网页中的文档内容部分。通常用于定义独立、完整的网页区域内容。同时,它是除标题以外最常用的内容块结构元素,可以将段落包裹起来。以下是关于article标签的 HTML布局元素中的article标签 在HTML网页设计中,article标签被用来标识网页上的独立...
h5是什么 解析HTML5技术的定义和特点?
语义化标签:HTML5引入了许多新的语义元素,如<header>、<footer>、<nav>等,这些元素可以更好地描述文档结构和内容,使得网站更加易于理解和访问。多媒体支持:HTML5内置对音频和视频的支持,通过添加新的标签和属性来简化多媒体内容的嵌入和播放,同时也提高了浏览器的性能和兼容性。客户端存储:HTML5...
html5有哪些新特性
1、语义化标签:对比之前HTML没有体现结构语义化的标签,如:<div id="header"></div>,HTML5提供语义化标签,如:<header><article><footer><nav><aside><section>等 2、增强型表单:多个新的表单 Input 输入类型,如:color,url,date等这些新特性提供了更好的输入控制和验证。新增表单元素,如...
浅谈语义化的HTML结构到底有什么好处
一:1. 语义化标签只是HTML,CSS不存在语义化。HTML是标签,CSS是属性。2. 语义化标签简历在文档化页面的基础上面,将网页当做是一个文档,DOM中的D(document)以及在书写js是用到的document就已经很清晰的告诉我们,计算机将页面当做是一个document,我们也可以将页面归为document的一种。3. HTML标签...