html5锚怎么写的

html5锚怎么写的,第1张

在HTML5当中,a标签的锚链接,使用#来表示

<a href="#h5course">超链接</a>

如上的h5course就是锚链接的名称

之后利用标签的id和锚链接联系起来,将HTML文件当中的某个标签当做要链接到的位置,为其添加一个id名,id名就是锚链接的名称

<div id="h5course">要链接到的位置</div>

当然还可以链接到其他页面的某个位置,如:

<a href="XXX.html#h5course">超链接</a>

资料来源:《HTML5布局之路》

题主的例子#search { float: right width: 305px height: 76px}中的#是css层叠样式表中的ID选择器

在一个HTML文档中,CSS ID 选择器会根据该元素的ID属性中的内容匹配元素,元素ID属性名必须与选择器中的ID属性名完全匹配,此条样式声明才会生效。语法如下:

#id属性 {样式声明 }

扩展资料

css层叠样式表有ID选择器、元素选择器、类选择器。

1、css层叠样式表中的ID选择器示例

<div id="search" ></div>

<style>#search {  float: right  width: 305px  height: 76px}</style>

2、css层叠样式表中的元素选择器语法和示例

语法:元素 {样式声明 }

示例:<span>这里是由 span 包裹的一些文字.</span>

<style>span { background-color: DodgerBluecolor: #ffffff}</style>

3、css层叠样式表中的类选择器语法和示例

语法:.类名 {样式声明 }

示例:<div class="search" ></div>

<style>.search{background-color: DodgerBlue}</style>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7282217.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存