HTML代码片段与技巧分享

需积分: 12 145 浏览量更新于2024-09-11 1 收藏 32KB TXT 举报

"这篇文章主要分享了一些常用的HTML代码和JavaScript片段，可以帮助读者更好地理解和应用这些基础网页制作语言。" 在HTML编程中，有几种常见的元素和属性是开发者经常使用的。首先，我们来关注如何设置网站的图标（Favicon）。在HTML中，通过`<link>`标签可以指定网页的图标，它通常是一个`.ico`格式的文件。例如： ```html <link rel="Shortcut Icon" href="http://域名/favicon.ico"> <link rel="Bookmark" href="http://域名/favicon.ico"> ``` 这里的`rel`属性定义了链接的关系，`Shortcut Icon`用于IE浏览器，`Bookmark`则适用于其他非IE浏览器，`href`属性则指向图标文件的URL。其次，网页背景音乐的添加也是一项常见的需求。对于Internet Explorer，可以使用`<bgsound>`标签，而Netscape和其他浏览器则需要`<embed>`标签。示例如下： ```html  <bgsound src='http://www.xin126.cn/music/Ring.wma' loop='-1'>  <embed src="音乐文件地址" autostart="true" loop="true" hidden="true"> ``` 接下来，防止用户选中网页内容，可以使用`<body>`标签的`onselectstart`事件来阻止选择： ```html <body onselectstart="return false;"> ``` 在SEO优化中，设置网页关键词（Keywords）是非常重要的。这可以通过`<meta>`标签实现： ```html <meta name="keywords" content="Dreamweaver, Flash, Fireworks"> ``` 这里，`name`属性为"keywords"，`content`属性包含了一系列的关键词，以逗号分隔。动态显示页面更新时间，可以利用JavaScript的`document.lastModified`属性： ```html <script language="javascript">  </script> ``` 这段代码会显示页面最后修改的日期和时间。防止图片被点击时获得焦点，可以在`<a>`标签中使用`onFocus`事件： ```html <a href="图片链接" onFocus="this.blur()"> <img src="../images/logo.gif" border="0"> </a> ``` 创建自定义的水平线（HR）样式，可以结合CSS： ```html <hr width="50%" style="border: 3px dashed #FF0000; height: 3px"> ``` 最后，实现页面自动跳转，可以使用`<meta>`标签的`http-equiv="refresh"`属性： ```html <meta http-equiv="refresh" content="360;url=index.html"> ``` 这个例子会在360秒后将页面重定向到`index.html`。这些HTML和JavaScript代码片段在实际开发中非常实用，了解并掌握它们能帮助提升网页制作的效率和质量。

qq_28941287

粉丝: 0
资源: 1

HTML代码片段与技巧分享

HTML代码大全（初学者必备！必背！）

HTML代码大全

个人主页程序简洁漂亮HTML代码

常用html代码

常用HTML代码解释

常用HTML代码解释.pdf

网页设计中最常用HTML代码.doc

常用HTML代码速查表大全

HTML常用字体代码.html

常用的html代码

最新资源