一天搞定HTML----标签语义化04

根据页面里不同的内容，选择最适合它的标签，而不通篇只用一种标签

标签语义化作用：

代码演示

通过比较- - -H5布局和DIV+CSS 布局- - -体现标签语义化

注意：

标签语义化，不仅仅只是指使用特定含义的标签。因此不能完全否定DIV+CSS布局是没有语义化的，以前用的都是DIV+CSS布局，它是存在标签语义化的。
这里只是为了说明语义化，使用两者比较。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><!--标签语义化根据页面里不同的内容，选择最适合它的标签，而不通篇只用一种标签1、方便后期添加样式2、提高代码的可读性3、内容的可读性比较高说明：按照DIV+CSS这种布局方式，通篇都是div，可读性不高，不方便修改代码现行一般采用新增的H5标签，每个标签都有特定的含义，可读性大大提高。代码如下--><!--H5布局方式：只要看到标签，我们就很容易得知这部分做的功能--><!--1.公共头部--><header>主要用于页面的头部，还可以放板块的头部</header><!--2.导航公用标签--><nav>用于制作导航导航</nav><!--3.主题板块--><section>页面中的版块，用来区分页面中的不同区域</section><!--4.文章板块--><article>文章</article><!--5.底部信息，一般是公司连接，版权申明，公司地址等等--><footer>页面底部</footer><!--6.补充的附属信息--><aside>附属信息</aside><!--时间--><time>用来放时间：2015年6月7日 13:31:30</time><!--DIV+CSS布局方式：通篇都是DIV，不容易得知是什么板块，做的什么功能--><div class="public_header">页面的头部</div><div class="public_nav">导航</div><div class="panel">主体</div><div class="article">文章</div><div class="footer">页面底部</div><div class="aside">附属信息</div></body>
</html>

一天搞定HTML----标签语义化04相关推荐

HTML标签语义化——使用b标签，还是strong标签
HTML标签语义化,相关的内容网上有很多.大家可以去学习一下,看一下你所使用的标签是否具有其真正要表达的意义,标签你用对了吗?今天要介绍的内容是使用b标签,还是strong标签,翻译自http://w ...
[html] 你对标签语义化的理解是什么？
[html] 你对标签语义化的理解是什么? 标签语义化的初衷是让正确的标签做正确的事情,但对于人来说,标签的语义除了在 tag 上体现,还可以从 id, class 上体现出来.而每个人对于标签的理解 ...
H5新标签--语义化标签
H5新标签----语义化标签区别:1.默认样式不一样 2.有SEO优化作用 1.header,一般作为网页的头部使用 2.aside,侧边栏 3.nav,导航栏 4.address,地址,字体样式默 ...
标签语义化以及使用好处
这个是我在年初面试的时候被问答的一个问题,当时回答的很一般,自己了解的不是很透彻,所以回来后就在网上查找看下所谓的"标准答案",然后按照自己的思路总结整理了一下. 一个网页相当于一 ...
html标签语义化的好处,(2019)[前端]面试题[9]：HTML5语义化标签和新特性
问题知道语义化吗?说说你理解的语义化,如果是你,平时会怎么做来保证语义化? 说说你了解的HTML5语义化标签,HTML5新增了那些新特性? Hello,欢迎来到我的博客,每天一道面试题,我们共同进步 ...
HTML标签语义化，值得收藏！
思维导图学习路线第一阶段:网页制作 HTML:常用标签,锚点,列表标签,表单标签,表格标签,标签分类,标签语义化,注释,字符实体 CSS:CSS介绍,全局样式,行内样式,内联样式,选择器,字体样式 ...
理解HTML标签语义化
首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用, ...
搜索框语义化的html标签是,HTML标签语义化和常用的标签
如何理解标签语义化 HTML的历史在一开始,没有前端的概念,页面的HTML都是后端程序员去写的,后端程序员在页面布局的时候使用的是table去布局,样式丑陋并且出现很多table嵌套的情况. 之后出 ...
浅谈html的语义化和一些简单优化,html标签语义化
1.什么是语义化? 必应网典的解释语义化是指用合理HTML标记以及其特有的属性去格式化文档内容.通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解. 语义化的(X)HTML文档有助于提升你的 ...

一天搞定HTML----标签语义化04

一天搞定HTML----标签语义化04相关推荐

最新文章

热门文章