精华内容
下载资源
问答
  • HTML头部结构详解

    2020-08-05 20:20:00
    ...移动互联网时代,head 头部结构,移动端的meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的head 头标签,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用...

    HTML中head头结构

     

    HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的head 头标签,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的head中各个标签、元素的意义以及使用场景。

    DOCTYPE

    DOCTYPE(Document Type),该声明位于文档中最前面的位置,处于html 标签之前,此标签告知浏览器文档使用哪种HTML 或者XHTML 规范。

    DTD(Document Type Definition) 声明以<!DOCTYPE> 开始,不区分大小写,前面没有任何内容,如果有其他内容(空格除外)会使浏览器在IE下开启怪异模式(quirks mode)渲染网页。公共DTD,名称格式为注册//组织//类型 标签//语言,注册指组织是否由国际标准化组织(ISO)注册,+表示是,-表示不是。组织即组织名称,如:W3C。类型一般是DTD。标签是指定公开文本描述,即对所引用的公开文本的唯一描述性名称,后面可附带版本号。最后语言是DTD语言的ISO 639语言标识符,如:EN 表示英文,ZH 表示中文。XHTML 1.0可声明三种DTD 类型。分别表示严格版本,过渡版本,以及基于框架的HTML 文档。

    • HTML 4.01 strict

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
      
    • HTML 4.01 Transitional

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      
    • HTML 4.01 Frameset

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
      
    • 最新HTML5 推出更加简洁的书写,它向前向后兼容,推荐使用。

      <!doctype html>
      

    在HTML中 doctype 有两个主要目的。

    • 对文档进行有效性验证。

      它告诉用户代理和校验器这个文档是按照什么DTD 写的。这个动作是被动的,每次页面加载时,浏览器并不会下载DTD 并检查合法性,只有当手动校验页面时才启用。

    • 决定浏览器的呈现模式

      对于实际操作,通知浏览器读取文档时用哪种解析算法。如果没有写,则浏览器则根据自身的规则对代码进行解析,可能会严重影响html 排版布局。浏览器有三种方式解析HTML文档。

      • 非怪异(标准)模式
      • 怪异模式
      • 部分怪异(近乎标准)模式
        关于IE浏览器的文档模式,浏览器模式,严格模式,怪异模式,DOCTYPE标签,可详细阅读模式?标准!的内容。

    charset

    声明文档使用的字符编码,

    <meta charset="utf-8">
    

    html5 之前网页中会这样写:

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 

    这两个是等效的,具体可移步阅读:<meta charset='utf-8'> vs <meta http-equiv='Content-Type'>,所以建议使用较短的,易于记忆。

    lang属性

    简体中文

    <html lang="zh-cmn-Hans">
    

    繁体中文

    <html lang="zh-cmn-Hant">
    

    为什么lang="zh-cmn-Hans" 而不是我们通常写的lang="zh-CN" 呢,请移步阅读: 页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"

    优先使用 IE 最新版本和 Chrome

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 

    360 使用Google Chrome Frame

    <meta name="renderer" content="webkit"> 

    360浏览器就会在读取到这个标签后,立即切换对应的极速核。
    另外为了保险起见再加入

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> 

    这样写可以达到的效果是如果安装了Google Chrome Frame,则使用GCF来渲染页面,如果没有安装GCF,则使用最高版本的IE内核进行渲染。

    相关链接:浏览器内核控制Meta标签说明文档

    百度禁止转码

    通过百度手机打开网页时,百度可能会对你的网页进行转码,脱下你的衣服,往你的身上贴狗皮膏药的广告,为此可在head内添加

    <meta http-equiv="Cache-Control" content="no-siteapp" /> 

    相关链接:SiteApp转码声明

    SEO优化部分

    • 页面标题<title>标签(head头部必须)

      <title>your title</title>
      
    • 页面关键词keywords

      <meta name="keywords" content="your keywords"> 
    • 页面描述内容description

      <meta name="description" content="your description"> 
    • 定义网页作者author

      <meta name="author" content="author,email address"> 
    • 定义网页搜索引擎索引方式,robotterms是一组使用英文逗号「,」分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。

      <meta name="robots" content="index,follow"> 

    相关链接:WEB1038 - 标记包含无效的值

    viewport

    viewport 可以让布局在移动浏览器上显示的更好。
    通常会写

    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

    width=device-width 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边(http://bigc.at/ios-webapp-viewport-meta.orz)

    content 参数:

    • width viewport 宽度(数值/device-width)
    • height viewport 高度(数值/device-height)
    • initial-scale 初始缩放比例
    • maximum-scale 最大缩放比例
    • minimum-scale 最小缩放比例
    • user-scalable 是否允许用户缩放(yes/no)
    • minimal-ui iOS 7.1 beta 2 中新增属性,可以在页面加载时最小化上下状态栏。这是一个布尔值,可以直接这样写:

      <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui"> 

    而如果你的网站不是响应式的,请不要使用initial-scale或者禁用缩放。

    <meta name="viewport" content="width=device-width,user-scalable=yes"> 

    相关链接:非响应式设计的viewport

    适配iPhone 6 和iPhone 6plus 则需要写:

    <meta name="viewport" content="width=375"> <meta name="viewport" content="width=414"> 

    大部分4.7~5寸的安卓设备的viewport宽设为360px,iPhone 6上却是375px,大部分5.5寸安卓机器(比如说三星Note)的viewport宽为400,iPhone 6 plus 上是414px。

    ios 设备

    添加到主屏后的标题(iOS 6 新增)

    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题(iOS 6 新增) --> 

    是否启用 WebApp 全屏模式

    <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否启用 WebApp 全屏模式 --> 

    设置状态栏的背景颜色

    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- 设置状态栏的背景颜色,只有在 `"apple-mobile-web-app-capable" content="yes"` 时生效 --> 

    只有在 "apple-mobile-web-app-capable" content="yes" 时生效

    content 参数:

    • default 默认值。
    • black 状态栏背景是黑色。
    • black-translucent 状态栏背景是黑色半透明。
      如果设置为 default 或 black ,网页内容从状态栏底部开始。
      如果设置为 black-translucent ,网页内容充满整个屏幕,顶部会被状态栏遮挡。

    禁止数字识自动别为电话号码

    <meta name="format-detection" content="telephone=no" /> <!-- 禁止数字识自动别为电话号码 --> 

    iOS 图标

    rel 参数:
    apple-touch-icon 图片自动处理成圆角和高光等效果。
    apple-touch-icon-precomposed 禁止系统自动添加效果,直接显示设计原图。
    iPhone 和 iTouch,默认 57x57 像素,必须有

    <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" /> <!-- iPhone 和 iTouch,默认 57x57 像素,必须有 --> 

    iPad,72x72 像素,可以没有,但推荐有

    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png" /> <!-- iPad,72x72 像素,可以没有,但推荐有 --> 

    Retina iPhone 和 Retina iTouch,114x114 像素,可以没有,但推荐有

    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png" /> <!-- Retina iPhone 和 Retina iTouch,114x114 像素,可以没有,但推荐有 --> 

    Retina iPad,144x144 像素,可以没有,但推荐有

    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png" /> <!-- Retina iPad,144x144 像素,可以没有,但推荐有 --> 

    IOS 图标大小在iPhone 6 plus上是180×180,iPhone 6 是120x120。
    适配iPhone 6 plus,则需要在<head>中加上这段

    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="retinahd_icon.png"> 

    iOS 启动画面

    官方文档:https://developer.apple.com/library/ios/qa/qa1686/_index.html
    参考文章:http://wxd.ctrip.com/blog/2013/09/ios7-hig-24/

    iPad 的启动画面是不包括状态栏区域的。

    iPad 竖屏 768 x 1004(标准分辨率)

    <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png" /> <!-- iPad 竖屏 768 x 1004(标准分辨率) --> 

    iPad 竖屏 1536x2008(Retina)

    <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png" /> <!-- iPad 竖屏 1536x2008(Retina) --> 

    iPad 横屏 1024x748(标准分辨率)

    <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png" /> <!-- iPad 横屏 1024x748(标准分辨率) --> 

    iPad 横屏 2048x1496(Retina)

    <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png" /> <!-- iPad 横屏 2048x1496(Retina) --> 

    iPhone 和 iPod touch 的启动画面是包含状态栏区域的。

    iPhone/iPod Touch 竖屏 320x480 (标准分辨率)

    <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png" /> <!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) --> 

    iPhone/iPod Touch 竖屏 640x960 (Retina)

    <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png" /> <!-- iPhone/iPod Touch 竖屏 640x960 (Retina) --> 

    iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina)

    <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png" /> <!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina) --> 

    添加智能 App 广告条 Smart App Banner(iOS 6+ Safari)

    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"> <!-- 添加智能 App 广告条 Smart App Banner(iOS 6+ Safari) --> 

    iPhone 6对应的图片大小是750×1294,iPhone 6 Plus 对应的是1242×2148 。

    <link rel="apple-touch-startup-image" href="launch6.png" media="(device-width: 375px)"> <link rel="apple-touch-startup-image" href="launch6plus.png" media="(device-width: 414px)"> 

    Windows 8

    Windows 8 磁贴颜色

    <meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁贴颜色 --> 

    Windows 8 磁贴图标

    <meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁贴图标 --> 

    rss订阅

    <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" /> <!-- 添加 RSS 订阅 --> 

    favicon icon

    <link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> <!-- 添加 favicon icon --> 

    比较详细的favicon介绍可参考https://github.com/audreyr/favicon-cheat-sheet

    移动端的meta

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection"content="telephone=no, email=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /><!-- 删除苹果默认的工具栏和菜单栏 --> <meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 设置苹果工具栏颜色 --> <meta name="format-detection" content="telphone=no, email=no" /><!-- 忽略页面中的数字识别为电话,忽略email识别 --> <!-- 启用360浏览器的极速模式(webkit) --> <meta name="renderer" content="webkit"> <!-- 避免IE使用兼容模式 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --> <meta name="HandheldFriendly" content="true"> <!-- 微软的老式浏览器 --> <meta name="MobileOptimized" content="320"> <!-- uc强制竖屏 --> <meta name="screen-orientation" content="portrait"> <!-- QQ强制竖屏 --> <meta name="x5-orientation" content="portrait"> <!-- UC强制全屏 --> <meta name="full-screen" content="yes"> <!-- QQ强制全屏 --> <meta name="x5-fullscreen" content="true"> <!-- UC应用模式 --> <meta name="browsermode" content="application"> <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app"> <!-- windows phone 点击无高光 --> <meta name="msapplication-tap-highlight" content="no"> <!-- 适应移动端end --> 

    这是来自toobug的分享总结。

    更多的meta 标签参考

    参考文章:

    本文转载于:HTML中head头结构

    展开全文
  • 2.标签定义了标签用于定义文档的头部,它是所有头部元素的容器。 3.标签定义了文档的主题。 二、头部标签 1.定义了文档的标题,该标题将显示在浏览器的标题中,收藏夹和搜索页面使用其作为标题 2.描述了页面中的所有...
    <html>
    
    <head>
    <title>我的第一个 HTML 页面</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    
    <body>
    <p>body 元素的内容会显示在浏览器中。</p>
    <p>title 元素的内容会显示在浏览器的标题栏中。</p>
    </body>
    
    </html>

    显示结果如下


    一、文档结构

    1.<html>标签限定了文档的开始点和结束点。

    2.<head>标签定义了标签用于定义文档的头部,它是所有头部元素的容器。

    3.<body>标签定义了文档的主题。

    二、头部标签

    1.<title>定义了文档的标题,该标题将显示在浏览器的标题中,收藏夹和搜索页面使用其作为标题

    2.<base>描述了页面中的所有超链接的默认地址和默认目标。有两个关键属性:注意属性的值要用双引号圈起来

    • href
    • target
    <base href="https://blog.csdn.net/duan_2018/" />
    <base target="_blank" />

    3.<link>通常用来说明css文档

    <link rel="stylesheet" type="text/css" href="theme.css" />

    4.<meta>用来描述文档的元信息

    其中的值有,内容content,需要关联到http协议的http-equiv,还有名称name。

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    gb2312就是简体中文

    5.<script>用来定义javascript脚本

    
    <head>
    <script type="text/javascript">
    document.write("Hello World!")
    </script>
    </head>
    
    打印一个hello world

    6.<style>标签用于为 HTML 文档定义样式信息。type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。

    <style type="text/css">
    h1 {color:red}
    p {color:blue}
    </style>



    展开全文
  • HTML常用头部标签

    千次阅读 2018-02-25 00:10:09
    基本标签 &lt;!DOCTYPE html&gt; &lt;!-- 使用 HTML doctype,不区分大小写 --&gt; &lt;meta charset='utf-8'&gt; &lt;!-- 声明文档使用的字符编码 --&gt; &lt;...

    基本标签

    <!DOCTYPE html> <!-- 使用 HTML doctype,不区分大小写 -->
    <meta charset='utf-8'> <!-- 声明文档使用的字符编码 -->
    <html lang="zh-CN"> <!-- 页面采用中文(中国大陆范围,包括各种大方言、小方言、繁体、简体等等) -->
    <html lang="zh-cmn-Hans"> <!-- 简体中文(世界范围) -->
    <html lang="zh-cmn-Hant"> <!-- 繁体中文 -->
    
    <html lang="en-US"> <!-- 页面采用英文 -->
    <meta name="descirption"> content="不超过150个字符"> <!-- 页面描述 -->
    <meta name="keywords" content="VPN"> <!-- 页面关键词 -->
    <title>页面标题</title>
    <meta name="author" content="name,email@gmail.com"> <!-- 网页作者 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 使用IE最新版本渲染页面,若有chrome则优先使用chrome -->

    可选标签

    <base target="_blank"/> <!-- 设定页面中链接都在新窗口打开,默认为_self(在相同框架中打开) -->
    <meta http-equiv="Refresh" content="5;url=xxx"/> <!-- 在5秒后重新定向到指定链接 -->
    <meta name="renderer" content="webkit"> <!-- 当为双核浏览器时,优先使用webkit渲染 -->

    移动设备

    <meta name="viewport" content="width=device-width,initial-scale=1,maximun-scale=1,userscalable=no">
    /**
    *其中 width=device-width 自适应容器宽度
    *     initial-scale 初始化缩放比例
    *     minimum-scale 最小缩放比例
    *     maximum-scale 最大缩放比例
    *     user-scalable=no 禁止用户缩放
    *当user-scalable=no时,用户无法缩放,可以使得WebAPP更像原生应用
    */
    展开全文
  • HTML5文档结构标签

    2020-12-13 22:32:08
    1.文档结构标签 1.1为什么引入文档结构标签? 让标签更具语义化,结构更加清晰。搜索引擎具有更好的支持 1.2文档结构标签 header:头部。网页结构的头部,文章的头部内容,可包含标题等。 nav:导航。头部,底部以及...
  • HTML的结构标签

    千次阅读 2019-03-24 19:51:17
    HTML的结构标签 结构便签,顾名思义,大多数是没有太多特殊的作用的,但是它是构建一个网页基本结构的主要元素,此次会列出大家经常用来搭建结构的基本标签。 div 盒子标签 没有任何的样式 双标签 P 段落标签 默认...

    HTML的结构标签

    结构便签,顾名思义,大多数是没有太多特殊的作用的,但是它是构建一个网页基本结构的主要元素,此次会列出大家经常用来搭建结构的基本标签。

    • div 盒子标签 没有任何的样式 双标签
    • P 段落标签 默认有上下外边距 双标签
    • h1~h6 标题标签 字体逐次减小 双标签 默认上下边距 字体加粗 字体变大 h1为主标签 其余为副标签 主标签一个网页只能出现一次
    • span 空元素标签 没有任何意义 双标签
    • em和i 斜体字标签 双标签 虽然都是斜体字标签,但是em标签具有强调语义,强调作用是针对浏览器的,用户从界面上看不出来两个的区别
    • strong与b 加粗字体标签 双标签 strong具有强调的语义

    下面是代=代码举例:

    <!--网页基本结构-->
    <!doctype html> 
    <!--文档申明 
    	!(申明)
    	doc(document 文档)
    	html (html5)
    -->
    <html> <!--整个网页结构的最顶层元素  根标签-->
    	<!-- 标签之间的关系
    		包含关系 (父子关系)
    			html 里面包含head和body标签
    			子级相对于父级标签用一个tab或者4个空缩进
    		并列关系(兄弟关系)
    			head和body是兄弟关系
    	-->
    	<head><!-- 头部标签  看不见但是又和我们本身相关的一些东西(标签)-->
    		<!-- 
    			计算机只认识机器语言 0 1
    			字符集(charset) 内容(content) 目标(meta)
    				utf-8 通用编码 大小无所谓
    				gbk 中文编码
    				文件编码和申明的编码不一致时会出现乱码问题
    			name,content都是标签的属性 一个标签可以有多个属性,中间用空格隔开
    				属性=“值”
    		-->
    		<meta charset="UTF-8" /><!-- 申明当前网页的字符编码 保存时的编码和这里的要一致-->
    		<!-- 网页的标题 -->
    		<title>今天是第一节课</title>
    		<!-- 
    			对网页的描述
    				产品说明书
    		-->
    		<meta name="description" content="我们今天学了网页的制作,我很ok" /><!-- 网页的描述,完整的句子 -->
    		<meta name="keywords" content="结构,形式,行为" /><!-- 网页的关键词:一个个描述的词语 -->
    		<style type="text/css">
    			div,p,h1{
    				border:1px solid red;
    			} 
    		</style>
    	</head>
    	<body><!-- 身体标签(可视标签)能够看得见东西 () -->
    	好开心啊!!好开心!
    		<!-- 便签的分类
    			看不见的标签(head)
    			可视标签(body)
    				用来搭建结构(结构标签)
    				
    				特殊的功能
    				ctrl +b 快捷在浏览器中打开
    				用标签搭建结构的过程中,尽量的去选择语义贴近的标签去做
    		-->
    		<div>我是盒子div</div><!-- 盒子标签  无任何默认样式 语义用来装东西的盒子-->
    		<p>我是段落P标签</p><!-- 段落标签,有默认的上下外边距 语义就是个段落-->
    
    		<h1>我是标题标签h1</h1><!-- 标题标签,有默认的上下外边距,字体默认加粗变大 语义就是个标题 -->
    		<h2>我是标题标签h2</h2>
    		<h3>我是标题标签h3</h3>
    		<h4>我是标题标签h4</h4>
    		<h5>我是标题标签h5</h5>
    		<h6>我是标题标签h6</h6><!-- 标题一共有6个,其中h1是核心标题,其他都是副标题,核心标题同一个网页只能用一次 -->
    		
    		<span>空元素标签</span><!-- span (跨度) 空元素标签,没有任何语义和形式,什么时候都可以使用 -->
    		
    		<!-- 斜体标签
    			em i
    				em	强调的含义
    				i  单纯的斜体
    			默认字体斜体
    		-->
    		<em>em斜体标签,含强调的语义</em>
    		<i>i斜体标签,单纯斜体</i>
    
    
    		<!-- 加粗字体
    			strong b
    				strong 强调的含义
    				b 单纯的加粗
    			默认加粗字体
    		-->
    		<strong>加粗字体strong(有强调的含义)</strong>
    		<b>加粗字体</b>
    	</body>
    </html>
    
    

    网页制成样式:

    这是代码编写的产生效果,更容易让学者参考代码进行学习。

    展开全文
  • HTML5页面结构标签

    千次阅读 2020-07-07 10:11:25
    HTML5页面结构标签 <header>......</header>//头部 <nav>........<nav> //导航 <section>......</section> //定义文档中的节,比如说章节,页眉之类的 <aside>......<...
  • HTML结构标签(骨架标签) 1、一个最简单的网页 <...是页面中最大的标签,我们称它为跟标签。 <head>...学习结构标签我们从下面的第一个最简单的网页开始 <html> <head> <
  • HTML标签常用标签

    千次阅读 多人点赞 2017-02-23 11:33:58
    注释标签  注释标签用于在源代码中插入注释。注释不会显示在浏览器中。 2、  声明标签 声明必须是 HTML 文档的第一行,位于 标签之前。 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本...
  • IPv6头部结构

    千次阅读 2018-02-06 11:38:00
    IPv6不仅解决了IPv4地址不够用的...IPv6固定头部结构 IPv6头部由40字节的固定头部和可变长的扩展头部。 4位版本号指定IP协议的版本。对于IPv6来说,其值是6。 8位通信类型指示数据流通信类型或优先级,和IPv4中的TO
  • HTML5之文档结构标签

    千次阅读 2017-04-21 00:33:52
    1.文档结构标签 1.1为什么引入文档结构标签? 让标签更具语义化,结构更加清晰。搜索引擎具有更好的支持 1.2文档结构标签 header:头部。网页结构的头部,文章的头部内容,可包含标题等。 nav:导航。头部,...
  • HTML基本结构及基本标签

    千次阅读 2018-08-11 08:56:47
    什么是HTML: HTML是Hyper Text Markup Language的缩写,...HTML基本结构: &amp;lt;html&amp;gt;//用来标记HTML文档的开始 &amp;lt;head&amp;gt; //用来标记HTML文档头部的开始 &amp;lt;/...
  • IP协议详解之IPv6头部结构简介

    千次阅读 2019-11-28 09:26:38
      IPv6协议是网络层技术发展的必然趋势,因为它不仅解决了...IPv6固定头部结构   由40字节的固定头部和可变长的扩展头部组成。   4位版本号指定IP协议的版本。对于IPv6来说,其值是6。   8位.通信类型指...
  • html文档的基本结构和常用标签

    千次阅读 2019-08-17 03:44:43
    什么是HTML2.标签、元素3.html文档的基本结构二、HTML中常用标签1.标题标签<h1>--<h6>2.段落标签<p>3.常见的转义字符4.<i>和<em>5.<b>和<strong>6.<u>7.<br>...
  • 是一种标识性语言,非编程语言,不能使用逻辑运算。通过标签将网络上的文档格式进行统一,使分散的网络资源链接为一个逻辑整体。...-头部.用来完成一个网页的相关设置-> <head> <meta charset=utf-
  • HTML5新增结构标签

    2017-05-11 13:14:07
    结构标签:(块状元素) 有语意的div < article> 标记定义一篇文章 < header> 标记定义一个页面或一个区域的头部 < nav> 标记定义导航链接 < aside> 标记定义页面内容部分的侧边栏 < hgroup> 标记定义文件中一个...
  • 标签用于定义页面或内容区域的头部消息,设置语法如下: &amp;lt;header&amp;gt;头部相关信息&amp;lt;/header&amp;gt; 注意: 可以作为网页或者任何一块元素的头部信息 在同一个html页面内...
  • HTML基本结构标签

    千次阅读 2021-09-01 19:28:52
    header 元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其他内容,因此整个页面的标题应该放在页面的开头。 header 定义文档的页眉,在一个网页中可以多...
  • 【HTML5】使用结构标签进行网页布局

    千次阅读 2020-03-10 18:44:37
    使用结构标签进行网页布局 标签名 说明 <header></header> 标记头部区域的内容 <footer></footer> 标记脚部区域的内容 <section></section> Web页面中的一块独立...
  • HTML5新结构标签和移动端页面布局

    千次阅读 2018-06-28 14:34:05
    --------------------HTML5新结构标签--------------------1、h5新增的主要语义化标签如下: 1、header 页面头部、页眉 2、nav 页面导航 3、article 一篇文章 4、section 文章中的章节 5、aside 侧边栏 6、...
  • 但是 pom 文件的头部会让初学者感到困惑, 这里对其进行一个清晰易懂的解释(梳理自网络资料) 先修知识 理解 xml 中的标签含义, 及标签之间树状的嵌套结构 了解 pom ( project object model)文件 POM 文件头示例 ...
  • HTML5 新增结构标签(元素)

    千次阅读 2016-10-16 23:38:03
    本着学习并记录的态度,把看过的记录记录,为自己回顾用,和新人踩坑用。 注意:h5新标签用兼容性问题,不过现代浏览器基本可以不用考虑这个兼容性了。 HTML5新增主结构元素和非主结构元素
  • 引言 在本节中,笔者将向大家讲述三部分内容,分别介绍HTML5时代的召唤,跟HTML4的区别,以及HTML5中带来的新的结构标签。 HTML5时代的召唤 HTML4与HTM
  • RocketMQ

    万次阅读 多人点赞 2019-07-31 19:17:34
    * 设置Consumer第一次启动是从队列头部开始消费还是队列尾部开始消费 * 如果非第一次启动,那么按照上次消费的位置继续消费 */ consumer.setConsumeFromWhere(ConsumeFromWhere.CONSUME_FROM_FIRST_OFFSET);...
  • DW-HTML文件基本结构和基本标签

    千次阅读 2017-12-09 17:28:58
    1. ※ HTML文件的基本结构(p36) html文件的结构:一个...② 标签 用于定义文档的头部,它是所有头部元素的容器。主要包含HTML文件的说明信息,搜索当前文件的关键字等信息,也可以在该标记之间放置如JavaScrip
  • 网页头部 网页head标签中必须要设置title标签 <title> </title> 网页标题 <body> </body> 网页的主体 页面的内容基本都是在body里 ''' <html> <head> <title>网页
  • 2021年前端面试题及答案

    万次阅读 多人点赞 2020-02-11 19:29:34
    可以利用这一特性让这些浏览器支持HTML5新标签, 当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架 如何区分: DOCTYPE声明\新增的结构元素\功能元素 二、CSS 选择符有哪些?哪些属性可以继承?...
  • HTML5结构标签的学习

    千次阅读 2018-09-23 15:50:10
    一、结构标签 1、&lt;section&gt; 定义文档中的节,用来表现普通的文档内容或应用区块,一般会带有标题。 例: &lt;section&gt; &lt;h1&gt;This is a test&lt;/h1&gt; &lt;...
  • IPv4和IPv6的数据报结构头部详解

    千次阅读 2020-03-23 20:30:43
    2.2.2.5 CALIPSO 这个选项用于在某些专用网络中支持通用体系结构标签IPv6安全选项(CALIPSO)[RFC5570]。它提供了一种为数据报做标记的方法,包括一个安全级别标识符和一些额外的信息。 2.2.2.6 快速启动 快速启动(QS)...
  • 前端面试题

    万次阅读 多人点赞 2019-08-08 11:49:01
    b标签和strong标签,i标签和em标签的区别? 43 有那些行内元素、有哪些块级元素、盒模型? 43 有哪些选择符,优先级的计算公式是什么?行内样式和!important哪个优先级高? 45 我想让行内元素跟上面的元素距离...
  • 知识点:Dreamweaver工具的使用、HTML头部标签解读、网页头部标签的SEO设置 1、Dreamweaver工具  Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发 ,2005年被...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 58,275
精华内容 23,310
关键字:

头部结构标签