Html学习---⽹页头部代码实例详解
HTML中，头部部分的内容不会在页⾯中显⽰，但它能影响到搜索引擎对⽹页的收录和排序，以及⽹页的各种全局设置，可以说是⾄关重要！！
知识点⼀：头部信息⾥设置⽹页的基底⽹址
基底⽹址的实质是统⼀设置超级链接的属性，基底⽹址标签是</base>，它有两个属性，href和_target。href⽤于设置基底⽹址的路
径，_target⽤于设置超级链接的打开⽅式。
通过基底⽹址的添加，页⾯中所有的相对⽹站根⽬录地址可转换成绝对地址。当浏览器浏览页⾯时，通过<base>标记将相对⽹站跟⽬录地址附加在基底⽹址路径的后⾯，从⽽转化成绝对地址。我们⾸先创建⼀个base.htm，编写HTML代码如下：
<html>
<head>
<title>基底⽹址的设置</title>
<base href="<a href="www.***"> www.*** </a>" _target="_blank" />
</head>
<body>
</body>
</html>
bulletedlist是什么意思
java正则表达式 数字通过以上代码对基底⽹址的设置。Base.htm页⾯中的任何超级链接的地址，都将在其前⾯加上"www.***"，即转换为绝对地址。并且，页⾯中的超级链接打开⽅式都是打开新窗⼝。
知识点⼆：头部信息的元信息标签
元信息标签是头部信息的基本标签，专业⽹页代码中都对元信息有详细设置。元信息标签为</meta>，为单标签。Meta元素提供的信息对于浏览⽤户是不可见的，⼀般⽤于定义页⾯信息的名称，关键字，作者等。在HTML页⾯中，⼀个meta标签内就是⼀个meta内容，⽽在⼀个HTML头页⾯中可以有多个meta元素。
meta标签属性分两种：页⾯描述属性（name）和http标题信息（http-equiv）。
name属性
name属性主要⽤于描述⽹页的内容，⽤于对搜索引擎的优化，必须重点掌握。正确地设置name属性，以便搜索引擎（⽐如
google，baidu）的搜索机器⼈查，分类，搜索引擎⼀般都会⾃动查meta值来给⽹页分类。name的取值如下：
<1>keywords。即关键字，⽤于说明⽹页所包含的关键字等信息，从⽽提⾼被搜索引擎搜索到的概率。编写格式为<meta
name="keywords" content =“关键字”/>，content属性的值为⽤户所设置的具体关键字。（⼀般可设置多个关键字，他们之间⽤英⽂半⾓的逗号分开，搜索引擎都限制关键字的数量，所以关键字内容要简洁精练）
<2>description。中⽂意思为"描述"，⽤于描述⽹页的主要内容、主题等，合理设置也可以提⾼被搜索引擎搜索到的概率。格式为<meta name="description" content =“对页⾯的描述”/>，content属性值为⽤户所设置的页⾯具体描述的内容，最多容纳1024个字符，但搜索引擎⼀边只显⽰约前175个字符。
<3>author。作者，⽤于设置⽹站作者的名称，⽐较专业的⽹站经常⽤到。格式为<meta name="autho
r" content =“作者名称”/>
<4>generator。⽣成器，⽤于设置⽹站编辑⼯具的名称，⽐较专业的⽹站页⾯上经常⽤到。格式<meta name="generator" content
=“⽹站编辑⼯具名称”/>
<5>robots。机器⼈，⽤于限制页⾯搜索⽅式。搜索引擎的搜索机器⼈，沿着⽹页上的链接（如http和src链接），不断地检索资料建⽴⾃⼰的数据库。通过这种meta标签可以限制部分内容不被搜索引擎检测到，降低部分信息公开性。编写格式为<meta name=“robots”content="指令组合">。该属性的值包含4个命令，分别是index、noindex、follow、nofollow，根据排列组合，有4种组合。Index和follow组合也可称为all，noindex和nofollow也可称为none。
http-equiv属性
http-equiv属性的取值具体如下：
<1>content-type，内容类别，⽤于设置页⾯的类别和语⾔字符集。编写格式<meta http-equiv=“content-type”
context=“text/html”；charset=“gb2312”/>，content属性的值代表页⾯采⽤HTML代码输出，字符集为gb2312（简体中⽂），国际化⽹站开发的话，为了字符统⼀，建议charset采⽤utf-8.
<3>expires，中⽂意思为“到期”，⽤于设置页⾯到期时间。⼀旦⽹页过期，必须到服务器上重新调⽤⽹页。第⼀种编写格式为<meta
http-equiv=“expires” context=“Wed,10 Mar 2011 12：00：00 GMT”/>，content值代表⽹页过期的时间，必须使⽤GMT时间格式。第⼆种编写格式为<meta http-equiv=“expires” context=“30”/>，表⽰多少秒后过期。
<4>cache-control，缓存控制。⽤于禁⽌在缓存中调⽤⽹页，编写格式为<meta http-equiv=“cache-control” context=“no-cache”/>，no-cache代表不允许缓存。
<5>set-cookie，设置cookie，⽤于设置本页⾯cookie多久过期，编写格式为<meta http-equiv=“set-cookie” context=“Wed,10 Mar 2011 12：00：00 GMT”/>，代表到这个时间，cookie将被删除。
知识点三：头部信息实现与CSS及JavaScript混编
CSS负责HTML⽹页的样式，JaveScript负责HTML⽹页的动态⾏为。CSS和JaveScript最常⽤的融合⽅式是写⼊头部信息部分。
<1>加⼊CSS只需在头部信息中加⼊<style type=“text/css”></style>标签对。范例代码如下
<html>
<head>
<title>CSS的设置</title>
html个人网页完整代码怎么看<style type=“text/css”>
CSS具体内容
</style>oracle建立表空间和用户
</head>
<body>
</body>
</html>
<2>加⼊JavaScript只需要在头部信息中加⼊<script type=“text/javascript”></script>标签对。范例代码如下：
<html>
<head>
<title>CSS的设置</title>
<style type=“text/css”>
CSS具体内容
</style>
<script type=“text/javascript”>
JavaScript具体内容
</script>
</head>
docker hub私有
<body>
</body>
</html>
知识点四：常⽤头部信息功能推荐
<1>页⾯切换特效，其中⼀种特效的编写格式如下：计算机语言排名
<meta http-equiv=“page-enter” content=“blendtrans（duration=0.5）”/>
http-equiv属性的值为page-enter时表进⼊该页⾯时启⽤特效，http-equiv属性的值为page-exit时代表退出（离开）该页⾯时启⽤特效。
Content属性的值代表特效的种类，这种特效也叫动态滤镜。滤镜种类很多，⽐如blendtrans就是很常见得⼀种，效果为淡⼊淡
出，duration值表⽰效果持续的时间（单位为秒）。
另⼀种滤镜特效编写格式如下：
<meta http-equiv=“page-enter” content=“revealTrans（duration=6）”/>
动态滤镜revealTrans也可⽤于页⾯进⼊与退出效果。Duration表⽰滤镜特效持续时间（单位为秒），Transition是滤镜类型，表⽰想使⽤哪种特效，取值为0~23。
<2>强制页⾯在当前窗⼝以独⽴页⾯显⽰，可以防⽌⽹页被其他⽹站框架，编写格式如下：
<meta http-equiv="window-target" content=“_top">
<3>页⾯图标设置，编写格式如下：
<link rel="Shortcut Icon" href="/myicon.ico">
href属性的值是ico图标⽂件的路径，这⾥采⽤的是相对根⽬录路径

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。