常见的语义化标签有哪些
常见的语义化标签有哪些
<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 元素的第一个或最后一个子元素的位置。
常见的语义化标签有哪些相关推荐
- 好程序员web前端分享常见html5语义化标签
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享常见html5语义化标签,我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总 ...
- 对HTML 标签语义化的理解,常见的语义化标签有哪些?
语义化就是我们通过标签本身就知道标签所在代码的内容具有什么意义,即用使用特定的功能属性的标签做特定的事.比如使用 h1 标签我们就知道这是一个标题,使用 header 就知道这是页眉,使用 foote ...
- 什么是语义化标签,常见的语义化标签介绍
1.什么是语义化标签 语义化是指对某件事或某个东西的含义有正确直观的解释,那么在HTML中,语义化标签就是指这个标签本身直观表达出了它所包含的内容是什么. 2.语义化标签的好处 代码结构得到了优化,即 ...
- 什么是HTML语义化标签?常见HTML语义化标签大全,以及不同标签比较
一.什么是HTML语义化标签 语义化的标签,旨在让标签有自己的含义. <p>一行文字</p> <span>一行文字</span> 如上代码,p 标签与 ...
- 什么是HTML语义化标签?常见HTML语义化标签大全
一.什么是HTML语义化标签 语义化的标签,旨在让标签有自己的含义. <p>一行文字</p> <span>一行文字</span> 如上代码,p 标签与 ...
- Html5 什么是语义化标签? 常见的语义化标签有哪些?
h5 语义化标签的推出很好的解决了满屏的 div 布局,语义化顾名思义就是能让人一眼就看出来每一个标签的作用和含义,使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让和搜索引擎都容易理解. ...
- html5语义化标签大全
常见的语义化标签有 <article>.<section>.<nav>.<aside>.<header>.<footer> 详细 ...
- 【前端】语义化标签详解
1 语义,语义化,HTML HTML描述的是网页内容的含义,即,语义. 语义化HTML,就是用最恰当的HTML元素,标记内容. 语义化标签,也即,有含义的标签. 2 意义 提升可访问性和互操作性(内容 ...
- web前端入门学习 css(8)(新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
最新文章
- 企业创新系列之:青苹之末
- oracle 11g 从rman全备中恢复控制文件,拥有RMAN全备(缺少后增文件),丢失全部数据文件,控制文件的恢复...
- mysql 命令行导入sql脚本
- Laravel 服务提供者和门面模式
- Spring Data JPA和分页
- @PropertiesSource注解读取配置文件中的数据
- Java 设计模式——工厂模式
- 服务器装系统bios设置方法,u盘重装系统bios设置步骤 bios设置U盘启动详解
- Windows10应用磁贴如何显示
- 职位搜索引擎职友集开放招聘信息协议
- Android 和风天气+腾讯地图
- 市场已经统一-网博汇智
- 在线端口检查工具 Online IP TCP UDP port scan
- 30个疯狂的网页设计作品欣赏
- outlook删除服务器文件恢复,通过OutLook 2013 找回误删除的邮件
- 读书笔记:司马迁《史记》之货殖列传
- Agv、Rgv 车辆控制调度系统开发第二篇
- 将数据集Voc .xml转为Matlab 的GroundTruth
- mac brew 测速 软件_最好用的网络测速工具speedtest
- 关于stm32f030的DMA配置
热门文章
- C#通过Nopi操作EXCEL表
- 不靠明星的淘宝直播,如何靠UPGC内容创收视奇迹
- 郗晓勇:如何减小与“大牛”的差距
- 遇到V-Ray for 3ds Max中的这3个错误如何解决
- netdata 安装错误解决
- netdata mysql_netdata-linux实时监测工具
- python 三种方法输出绝对值
- 多序列比对要多久时间_使用 MAFFT 进行多序列比对
- BurntSushi/toml
- “盗窃”而来的 3000 亿单词?ChatGPT 摊上事了,遭索赔 30 亿美元!