web前端设计与开发---head元素

HEAD元素

1.1 title元素

页面的标题位于<title>标签内,可以包含任何字符或实体。除了在浏览器的标题栏中显示标题外,标题还有其他的用处,例如在大多数浏览器中,标题可以用作默认的快捷方式或收藏夹的名称;标题还可以作为搜索引擎结果中的页面标题。在设计页面时,应该为每个网页添加标题;标题要与内容有相关性,且尽可能简洁。

1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charst="utf-8">
5 <title>这是标题</title>
6 </head>
7 <body></body>
8 </html>

1.2 meta元素

meta元素用于向客户的浏览器传递信息和命令,而不是用来显示内容的。一个<head>标签中可以包含多个<meta>标签。

<meta>标签主要分为两大类:一类对页面进行设计,一类针对搜索引擎进行设置。<meta>标签常用的属性特征描述为。

<!DOCTYPE html>
<html>
<head>
<meta charst="utf-8">
<meta http - equiv = "Content - Type" content = "text/html">
<meta http - equiv = "Refresh" content = "5;url = http://www.baidu.com"/>
<meta name = "keywords" content = "这里用来描述网页关键字"/>
<meta name = "description" content = "这里用来描述网页内容摘要"/>
<meta name = "author" content = "杰小邦尼是作者哦"/>
<meta name = "robots" content = "all"/>
<title>meta元素</title>
</head>
</html>

原文地址:https://www.cnblogs.com/jiexiaobangni/p/11589432.html

时间: 2024-10-14 09:22:25

web前端设计与开发---head元素的相关文章

Web前端与移动开发学习路线图

文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的Web前端与移动开发学习路线图包含初中级两个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.baidu.com/s/1nv0OMuP 密码: ipf9 好东西岂能独享,欢迎分享到你的朋友圈,推荐给更多的朋友.欢迎关注公众号,订阅视频更新,好视频岂容错过. step01初级教程 前端与移动开发基础视频 本套视频内容重点讲解Web前端基础知识,主要包含了用来定义页面内容的HTML,用来定义页面样式

Web前端设计:Html强制不换行&lt;nobr&gt;标签用法代码示例

在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容.这就可以nobr标签来实现.它起到的作用与word-break:keep-all 是一样的.nobr 是 No Break 的缩写,意思是禁止换行.通常在浏览器上显示的文档会在到达浏览器的横幅底端时自动换行,但是如果文字被包含在<nobr>-</nobr>标签里的话,则不会换行.由www.169it.com搜集整理 一.nobr语法 1 <nobr>内容</nobr>

Web前端面试指导(十):元素定位有哪些?

本题点评 在web前端中,元素定位是必须掌握的,是网页制作的必备技能,也是衡量是否为一个合格的web前端开发的标准之一,在网页设计中,很多地方都需要使用定位,例如菜单弹出,提示信息层等都需要定位.所以本题的难易程度为简单. 解题思路 position为元素定位属性,包含以下属性值 1. absolute绝对定位 相对位置为父元素为非static的第一个父元素进行定位. 2. fixed  固定定位(老IE6不支持) 相对于浏览器窗口进行定位. 3. relative相对定位 相对于其正常(默认布

web前端_正式开发之路_第一周_总结

2016.11.07正式入职xx企业(暂时保密),岗位:web前端开发工程师. 作为从一个设计.美工转战到web前端开发岗位,当然,现在还处于试用期阶段,三个月的时间,不短吧,不知道是不是能顺利的通过这段时期,希望吧. 作为一个转行的人,可以说我的转行是历经曲折,经历了八九个月的时间,其中五味杂陈,只有自己知道自己经历了多么痛苦的时光,不过,还好吧,自己的选择,自己的兴趣,苦点累点倒不是很重要,重要的是现在自己进入了开发角色,无所谓薪水.工作时间等,只要是开发的工作就好,不要单纯的做个codin

《大巧不工 web前端设计修炼之道》学习笔记

前端设计如同一个人的着装与外表,站点的设计总是最先吸引人们的眼球.布局是否合理.风格是否简介.配色是否和谐,流程是否通畅,操作是否便捷,这些前端特效都影响着用户对站点的认可度.随着用户体验,可用性,可交互性等越来越多的前端术语的出现,前端设计已经不是简单的HTML.CSS.AJAX等元素的整合了,它更关注交互的流畅性.操作的便利性.流程的合理性.结构的清晰度以及可维护性.页面兼容性以及同后端程序的良好桥接等,应该能够在真正理解WEB应用的需求的基础上放眼全局,把握整个前端的设计方案,因此新的时期

企业实训收获之--web前端设计

这周系里安排了企业实训,该企业是北京金源万博公司,旗下两个子公司一个是开发接项目的,一个是IT培训的.这两天给我们上课的是开发部的一个技术人员.他这两天给我们主要讲的是web前端的设计.下面来和大家分享一下这两天的收获. 任务一:点击标题,使隐藏内容下滑出现. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra

Web前端,HTML5开发,前端资源,前端网址,前端博客,前端框架整理 - 转

Web前端/H5开发,前端资源,前端网址,前端博客,前端框架整理 - 转 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书籍索引 智能社 - 精通JavaScript开发 重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS

web前端实用案例-开发饿了么LBS移动地图点餐系统

知识点:html/css,标签运用.样式讲解.静态开发布局.行业标准.JS基础.if判断.jq方法 Dom操作.逻辑思维. html代码: <div class="top"> <div class="t-header"> <div class="t-logo"> <a href="#"> <img src="images/logo.png" alt=&q

web前端与移动开发---html列表、表单元素等标签的学习

经过前两天的学习,今天我们来学习列表及表单元素. 首先是列表,列表分为无需列表.有序列表.自定义列表. 1.无序列表 <ul> <li></li> <li></li> ...... </ul> 总结: (1)所有放在ul中的数据必须是无序的: (2)ul标签是用来管理li标签的: (3)ul中必须至少有一个li标签: (4)li标签不能单独使用: (5)在ul标签中只能写li标签: (6)在li标签中才能嵌套其他的标签. 2.有序列表