首页 > 其他分享 >HTML11.元素

HTML11.元素

时间:2022-09-30 17:13:19浏览次数:59  
标签:HTML11 元素 语义 用于 锚点 通常 链接

容器元素

容器元素:该元素代表一个块区域,内部用于放置其他元素

div元素

没有语义

语义化容器元素

header:通常用于表示页头,也可以用于表示文章的头部

footer:通常用于表示页脚,也可以用于表示文章的尾部

article:通常用于表示整篇文章

section:通常用于表示文章的章节

aside:通常用于表达一些附加信息,侧边栏

上面只是提供语义,没有效果,所以看不出什么,得学习了css才知道

 

锚点定位

通过创建锚点链接,用户能够快速定位到目标内容

创建锚点链接分为两步:

1.使用相应的id名标注跳转目标的位置。(找目标)
<h$ id="two">第二集</h$>

2.使用<a href="#id名">链接文本</a>创建链接文本(被点击的) (拉关系) 我也有一个姓币的姥爷.
<a href="#two">原来的字</a>

例:<h2 id="man">圣诞老人的由来</h2>
  <a href="#man">2.圣诞老人的由来 </a>  

快速记忆法:

好比找个人办事,首先找到他,然后拉关系,最后看效果

标签:HTML11,元素,语义,用于,锚点,通常,链接
From: https://www.cnblogs.com/zjy1020/p/16745517.html

相关文章

  • HTML10.列表元素
    列表元素有序列表ol:orderedlistli:listitemtype属性(一般不是非必要就不使用,因为显示应该交给CSS来做)tupe="1":表示按123数字来排序tupe="i":表示按罗马数字来排序t......
  • js改变元素样式
    一、jQuery设置元素样式jQuery可以使用css()方法来修改简单元素样式;也可以操作类,修改多个样式。1、参数只写属性名,则返回属性值$("div").css("color");2、参数是属......
  • 8 种实现垂直和水平居中元素的方法汇总
    HTML:<divclass="parent"style="background:black;width:200px;height:200px"><divclass="child"style="background:red;width:100px;height:100px"></div......
  • <map>元素
    <map>元素<area>元素<map>元素的子元素设置图片的指定区域的锚链接区位<areashape=""coords=""href=""alt="">shape属性shape=rect:矩形shape=circle:圆形sh......
  • 【code基础】判断数组中每个元素前递增序列子序列的最大长度
    这是力扣刷题中很经典的一个套路,类似有:以下标i为标准,其之前最长的非递增序列的个数以下标i为标准,其之后的最长非递减序列的个数//以下标i为标准,其之前最长的非递增......
  • python如何依次打印出列表中的元素
    list1=[]forjinrange(1,100):list1.append(j)list2=[]sum1=int(input("输入一个数字:"))#定义一个int类型i=0while(i<=len(list1)):#对输入......
  • JS Element.scrollIntoView() 滚动元素的父容器
    Element接口的scrollIntoView()方法会滚动元素的父容器,使被调用scrollIntoView()的元素对用户可见。文档语法element.scrollIntoView();//等同于element.scrollIntoView(......
  • 15. HTML-- 块级元素和内联元素
    1.前言HTML标签(元素)可以分为两个类别,分别是块级元素和内联元素(也叫行内元素)。2.块级元素块级元素最主要的特点是它们自己独占一行,块级元素中最具代表性的就是<div>,......
  • 18.getElementById(id)是javascript中访问某个元素的方法
    document.getElementById(id)是javascript中访问某个元素的方法。返回指定ID的元素getElementById()方法可返回对拥有指定ID的第一个对象的引用。HTMLDOM定义了多......
  • 21.如果元素的某个属性是变化的怎么办?
    第一种方法:将这个元素变化的部分用“*”代替第二种方法:使用UI分析器选择其他的方法,比如选用CSS方式选择,技巧:如果这种方式定位到了同级的其他元素(比如两个span的第一个,我们......