微信咨询
咨询电话:021-37656315 手机:13818750604
上海营销型网站建设 网站优化 seo优化 网络营销 就选上海百橙网络技术有限公司
我们的优势: 优化团队核心成员10年SEO经验 5000+新闻媒体资源,1500家企业合作 企业保证,正规流程,正规合作 承诺24小时快速解决问题
您的位置: 首页 > 首页 > 营销学院 > 网站设计 >
【HTML 教程】网页的语义结构
发表日期:2019-09-04 17:52       游览次数:   

  HTML 标签的名称都带有语义(semantic),使用时应该尽量符合标签的语义,不要用错误语义的标签。语义良好的网页,天然具有良好的结构,对于开发者易读易写,容易维护,也能帮助计算机更好地处理网页内容。

  HTML 标签的一个重要作用,就是声明网页元素的性质,使得用户只看标签,就能了解这个元素的意义,阅读 HTML 源码就能了解网页的大致结构。这被称为 HTML 的语义原则。

  header标签可以用在多个场景,既可以表示整个网页的头部,也可以表示一篇文章或者一个区块的头部。

  如果用在网页的头部,就称为“页眉”。网站导航和搜索栏通常会放在header里面。

  如果header用在文章的头部,则可以把文章标题、作者等信息放进去。

  footer标签表示网页、文章或章节的尾部。如果用于整张网页的尾部,就称为“页尾”,通常包含版权信息或者其他相关信息。

  另外,功能性区块(比如搜索栏)不适合放入main,除非当前页面就是搜索页面。

  article标签表示页面里面一段完整的内容,即使页面的其他部分不存在,也具有独立使用的意义,通常用来表示一篇文章或者一个论坛帖子。它可以有自己的标题(h1到h6)。

  一个网页可以包含一个或多个article,比如包含多篇文章。

  aside标签用来放置与网页或文章主要内容间接相关的部分。网页级别的aside,可以用来放置侧边栏,但不一定就在页面的侧边;文章级别的aside,可以用来放置评论或注释。

  一般来说,nav往往放置在header里面,不适合放入footer。另外,一个页面可以有多个nav,比如一个用于站点导航,另一个用于文章导航。

  HTML 提供了6个标签,用来表示文章的标题。按照标题的等级,一共分成六级。

  上面代码,通过章节标题,清晰地表明了文章的主体结构。具体的内容,就可以写在章节标题的下面。

  标题不应该越级,比如h1下面直接写h3。虽然这样不会报错,但会导致文章失去清晰的章节结构。

  默认情况下,浏览器会粗体显示标题。h1的字号比h2大,h2比h3大,以此类推。

  如果主标题包含多级标题(比如带有副标题),那么可以使用hgroup标签,将多级标题放在其中。

免责声明:本站部分资源图片及文字信息来自网络,如侵犯到您的权益,请及时通知我们:Email: 68409478@qq.com
新闻分类

为您推荐相关资讯 MORE

为您推荐相关建站案例

关于我们

百橙云专注网站建设,SEO优化,网络品牌塑造,我们以专业的技术实力,打造各行业品牌网站。公司的服务宗旨是:"用诚心做好服务,用实力做好质量"!

联系我们

  • 地址: 上海市松卫北路295号陆国时代大厦911室
  • 电话: 021-37656315 13818750604
  • QQ咨询: 68409478
扫描二维码 关注我们官方微信 解决SEO建站问题
咨询电话

021-37656315

周一至周六9:00-18:00

售后服务

© 2017-2018  上海百橙网络技术有限公司  沪ICP备15052651号-1  沪公网安备 31011702002363号