(总结)什么是HTML语义化

定义：

HTML语义化就是根据内容，选择合适的html标签，写出1 便于开发者阅读和代码美观 2 利用机器爬虫解析的代码

1 尽量减少无意义的标签，比如div span

2 语义不明显的时候，使用<p>要好于<div>

3 不要使用纯样式标签，比如<b><i> 表示强调时要用语义标签<strong><em>代替

4 使用表格时要用<caption><thead><tbody><tfoot>等，使表格语义化

5 表单域要用<fieldset>包裹起来，并用<legend>说明他的用处

<form><fieldset><legend>健康信息</legend>身高：<input type="text" />体重：<input type="text" /></fieldset>
</form>

健康信息身高：体重：

6 input对应的说明文本都要使用<label>标签

HTML5语义化标签

<header> 表示整体或者某一部分的头部

<footer>表示整体或某一部分的尾部

<aside>表示一小部门，常用于侧边栏或者谋一小块区域

<section>表示一块区域，代表文档中的“节”或“段”，“段”可以是指一篇文章里按照主题的分段；“节”可以是指一个页面里的分组会给里面的<h1>-<h5>降级

<article>表示一块文本，或者在页面或网站自成一体的内容，常用于复用。

<nav>表示导航栏

<hgroup>元素代表“网页”或“section”的标题，当元素有多个层级时，该元素可以将<hn>元素放在其内，譬如文章的主标题和副标题的组合

(总结)什么是HTML语义化相关推荐

表单高级应用和语义化
type="hidde" 隐藏域 disable 禁用什么是表单语义化符合W3C规范语义化的标签结构合理.代码简洁分组<fieldset><legend ...
html 的基本结构、标签（分类、关系）、文档类型、页面语言、字符集、语义化
结构代码 <!DOCTYPE html> <html><head> <meta charset="UTF-8"><title& ...
说说你对 HTML 语义化的理解?
(1)什么是语义化? 基本上都是围绕着几个主要的标签,像标题( H1~H6 ).列表(li).强调(strong em)等等根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读 ...
HTML语义化：HTML5新标签——template
一.前言当我们使用String-base的模板引擎(如Handlebars.js等)时,要么就通过外部文件存放模板文本,需要时再通过XHR或script标签加载进来:要么通过<script t ...
html5语义化标签大全
常见的语义化标签有 <article>.<section>.<nav>.<aside>.<header>.<footer> 详细 ...
HTML5语义化标签综合基础案例,HTML5语义化标签综合案例
HTML 标签声明必须是 HTML 文档的第一行,位于标签之前. 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 请始终向 HTML 文档添加 ...
h5的语义化部分_H5 部分新语义化标签
1.header 页眉 2.footer 页脚 3.main 主体 4.hgroup 标题组合 5.nav 导航注:以上标签结构中只能出现一次 6.article 独立的内容 7.aside ...
HTML5学习之语义化标签
一.为什么HTML5要引入新语义标签在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...
Semver(语义化版本号)扫盲
最近Github 10周年在朋友圈里沸沸扬扬刷屏,小编在工作中却惊讶的发现不少同事对版本号中的beta和rc没有概念,使用npm install package@next时,也不清楚next代表的含义 ...
前端基础：web语义化
web语义化一.什么是web语义化? web语义化包含两方面,一是html标签语义化,简单来说就是要用合适的标签来表述适当的内容,标题用<h1>~~<h6>标签,段落用< ...

(总结)什么是HTML语义化

(总结)什么是HTML语义化相关推荐

最新文章

热门文章