• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 使用<header>,<footer>,<nav>等h5标签,和全部使用<div>有什么区别??

使用<header>,<footer>,<nav>等h5标签,和全部使用<div>有什么区别??

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含lt,gt,footer,header,HTML5等相关知识,匿名希望在学习及工作中可以帮助到您
,
,
这些标签似乎也没有什么实际的特殊功能,是否都可以用div标签加样式来取代?
HTML5应该也不会这么简单的出这么多可以被取代的东西吧,是不是他们还有别的功能?对搜索引擎有利之类的?
(本人自学前端开发, 难免有些困惑。求行业前辈指点,)

回复内容:

====原答案====
区别等同于其他语言编程的时候,以下两种方式的区别:
  1. 变量命名用string1,string2,string3... ...来表示;
  2. 变量命名用account,password, title来表示。
====更新=====
其实这个答案有点抖机灵,排到第一有点过意不去。特地来补充一些:

正经回答这个问题:
题主的问题如果换个问法,应该是:为什么html要在标签本身上来体现语义:
  1. 为了被搜索引擎更好的检索(题主自己也提到了)
  2. 为了浏览器实现特定功能(@颜海镜@张泽端的答案中都有说到,比如阅读功能)
  3. 便于编程人员理解(即使是html5,光靠标签的语义也不够,还是要靠id、name甚至class的css命名来综合体现)
具体使用原则,请看 @winter 的答案以及他答案中的答案。

从这个角度来看,我的原答案反而是原因中最不重要的一点。因为,如果仅仅是为了让其他程序员能理解,完全可以通过其他属性如id、name来体现,而不一定要通过标签本身的语义。

业余人士答案,请各位指正。 过去:

....

....

  • ....
  • ....
  • ....
  • ....
看看文档吧,说的很清楚了,HTML5的文档节段和纲要。
HTML5解决的问题

HTML 4 的文档结构定义和其隐含的大纲算法非常粗糙而且造成了很多问题:

  1. 定义语义性章节的 hi 我告诉你没有区别,html5的这几个标签都是收集了网上数百万网站上出现概率比较多的部分确定的,比如网站80%都会有页脚

    以前大家的做法会有如下:

    语义对于视觉上来看网页的人来说可能意义不大,但对于看不见视觉的人来说意义重大,比如搜索引擎,比如盲人,现在的搜索引擎搜索结果太不准确了,可能就是因为页面的语义做的不够好,比如写在正文和写在页脚的同一段文字对于用户来说页脚的可能没有用处,但是搜索引擎可能无法区分,这大概就是语义的一点用处吧 HTML是什么?布局吗?内容吗?错,是语义。
    就是为了做到语义-解释的映射,所以在HTML5规范中对网页常见区块增加预定义标签再所自然不过了。

    记住
    HTML 语义
    CSS 样式
    JAVASCRIPT 行为 不可以,改了以后不方便我爬 实质性的就三点:
    1.标签语义化区别
    2.生成大纲目录的区别,H5标签的大纲目录是相对生成的,而XHTML大纲目录树根据文档所生成绝对结构。
    3.交互功能增加,增强。如表单控件类型,summary.....

    楼上很多人说的对搜索引擎要友好,其实就是我说的1和2。主要归纳为对数据结构的语义化,清晰友好的大纲目录。 个人拙见:
    1.不好理解。HTML的语义标签就是给写网页准备的,你竟然不用?
    2.不利于爬虫抓取,SEO不好做。 你先去看看HTML5的新特性是什么,其中一个就是语义化 一是新标签便于SEO及屏幕阅读软件的优化
    二是人类看得方便,试想看一堆嵌套,哪个是导航块的关闭标签?不如
明显

您可能想查找下面的文章:

  • 自定义html标记替换html5新增元素
  • HTML5的结构和语义(3):语义性的块级元素
  • HTML5的结构和语义(2):结构
  • HTML5的结构和语义(4):语义性的内联元素
  • HTML5的结构和语义(5):内嵌媒体
  • HTML5的结构和语义(5):交互
  • HTML5 语义化结构化规范化
  • X/HTML5 和 XHTML2
  • 如何使用<nav>链接实现滚动到页面某一部分
  • HTML5<progress>标签是什么意思?HTML5<progress>标签的基本用法详解

相关文章

  • 2018-12-03HTML5基础模板的实例代码分享
  • 2018-12-03大牛们鉴定下我网页制作的(html Div+css)属于什么水平?
  • 2018-12-03Html5实现iPhone开机界面示例代码_html5教程技巧
  • 2018-12-03Html5新增了哪些标签
  • 2018-12-03HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)
  • 2018-12-03html5成Web开发者最关心的技术
  • 2018-12-03 linux下HTML5用户及用户组管理命令详解
  • 2018-12-03妙味课堂HTML5视频资料分享
  • 2018-12-03HTML5之Javascript多线程的详解
  • 2018-12-03想做一款基于HTML5的卡牌游戏,有什么好的引擎推荐么?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Tomcat的卸载及其过程中出现的问题汇总
    • nw.js 如何禁用向主窗口拖放文件?
    • 前端页面跳转并取值的实现
    • 极客学院HTML5新特性基础视频课件源码
    • 让IE支持HTML5的方法
    • html5 History API 实现无刷新更新地址栏URL
    • datalist输入框与后台数据库数据的动态匹配
    • HTML5 Web Workers
    • 基于SVG和CSS3的可爱卡通小动物动画特效
    • 利用HTML5实现使用按钮控制背景音乐开关

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有