首页 > 其他分享 >HTML 语义标签

HTML 语义标签

时间:2023-11-29 15:15:46浏览次数:34  
标签:浏览器 -- 标签 语义 --- HTML

 浏览器兼容性的原因,在这里推荐使用谷歌

1.语义介绍

  • 每个HTML元素都有具体含义;
  • 所有元素都与展示效果无关;
  • 元素展示到页面的效果,应由CSS决定;
  • 浏览器带有默认的CSS样式,所以每个元素都有默认样式;
  • 选择什么元素取决于内容的含义,而不是显示出的效果。

        类似分类。

   通俗讲就是给标签赋予含义;什么标签放什么内容...

 

2.语义优点

  • 搜索引擎优化(SEO):加快浏览器渲染速度。
    每隔一段时间,搜索引擎会在整个互联网中抓取页面源代码。

  • 为了让浏览器理解网页。样式一定要用CSS来实现,不要使用HTML标签。

 

3.HTML5新增语义化标签

  • header--头部标签
  • nav---导航标签
  • article--内容标签
  • section--块级标签
  • aside---侧边栏标签
  • footer---尾部标签

4.拓展

  •   <iframe></iframe>   内联框架  (可在本页面插入另一个页面)

      属性:width-宽、height-高、scrolling-在框架内显示滚动条、src-引入的超链接

  •       <marquee></marquee>  滚动标签

      属性:direction--方向(left、right)、behavior--滚动方式(scroll、slide、alternate、crollamount--速度,默认为6、scrolldelay--时间,默认为0,单位 毫秒)、

         onmouseover='stop()'---鼠标悬浮停止、onmouseout='start()'---鼠标离开开始移动

标签:浏览器,--,标签,语义,---,HTML
From: https://www.cnblogs.com/warmNest-llb/p/17864641.html

相关文章

  • c# HtmlAgilityPack获取笔趣阁小说
        publicpartialclassForm2:Form{publicForm2(){InitializeComponent();}privatevoidForm2_Load(objectsender,EventArgse){}publicclassResult{///<summary>......
  • HTML-Input 表单
     浏览器兼容性的原因,在这里推荐使用谷歌1.input表单介绍:用于与用户交互,收集信息。(收集不同类型的用户输入)2.input表单组成:①表单信息:提示用户操作(如何输入,怎样输入)②表单控件:文本输入框、复选框、按钮③表单域:表单信息和表单控件都在域里。可......
  • 【mybatis <sql>,<include>标签】
    @[TOC]<sql>标签<sql>标签用于定义可重用的SQL片段,可以在多个地方引用。避免重复编写相同的SQL片段。示例:假设有一个SQL语句用于查询用户表中特定条件下的数据:<sqlid="userColumns">id,username,email</sql>在另一个地方,可以引用这个SQL片段:<selectid="selectU......
  • html2canvas截图
    注意:1、supervision_box获取的Dom节点一定不能使用overflow:auto,否则滚动的内容将无法截图(overflow:auto放在父级上面滚动)2、height:2800一定要大于Dom的高度否则也截图不完整constdownImg=()=>{constbox=document.querySelector('.supervision_box')html2......
  • 输入框、文本域中内容底部有红色波浪线,如何去掉?vue2 html
    取消检查就不会有红色波浪线添加属性:spellcheck="false"1<el-input2type="textarea"3:autosize="{minRows:2,maxRows:40}"4placeholder="请输入内容"5v-model.trim="text"......
  • npm学习(八)之更新发布包时如何使用语义化版本
      npm的语义化版本控制——Semanticversioning在新发布的代码中传达更改的程度非常重要,因为有时更新会破坏包需要的代码(称为依赖项)。语义化版本控制(semver)是一个旨在解决这个问题的标准。Semver出版商如果一个项目要与其他项目共享,那么它应该从1.0.0开始(尽管npm上......
  • dremio 的自服务语义层创建简单说明
    内容来自官方文档,介绍了一些关于dremio的数据语义层的玩法原则分层 通过分层可以确保安全,性能以及可用性,dremio提供了一个对于语义层的最佳实践数据集的注释增强发现以及可理解性 可以通过tag以及文档(wiki)进行数据的描述最佳实践使用1:1的预处理层 此层的数据接近原始数据源......
  • 关于html5的学习和几款常用软件
    css样式表的三种样式优先级,原则就是就近原则,内联样式>内部样式>外部样式。 去除a标签下划线,设置style="text-decoration:none"。 引入外部css样式文件,在head中使用link标签引入。 如果把链接的target属性设置为"_blank",该链接会在新窗口中打开。 &nbsp空格占位符......
  • 自定义标签和过滤器
    1自定义过滤器 -第一步:在settings中的INSTALLED_APPS配置当前app,不然django无法找到自定义的simple_tag-第二步:在app中创建templatetags包(包名只能是templatetags,不能改)-第三步:在包内,新建py文件(如:my_tags.py)-第四步:写代码(过滤器) fromdjangoimporttemplate......
  • 记录--浏览器跨标签星球火了,简单探究一下实现原理
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、前言最近推特上一位懂设计和写代码的大神一个两个浏览器之间星球粒子交互的动画火了,让人看了大呼脑洞大开,浏览器竟然还能这么玩!!!准备自己也搞搞玩一下二、实现原作者的粒子动画非常炫酷,但是不是我们......