xxxcyzyy的博客

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网 页分类）。这其中最重要的

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。iframe语法: 该URL指向不同的网页。iframe - 设置高度与宽度height 和 width 属性用来定义iframe标签的高度与宽度。属性默认以像素为单位, 但是你可以指定其按比例显示 (如："80%").iframe - 移除边框frameborder 属性用于定义iframe表示

新标记HTML5提供了一些新的元素和属性，例如nav>（网站导航块）和footer>。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如和标记。一些过时的HTML4 标记将被取消。其中包括纯粹显示效果的标记，如font>和center>，它们已经被CSS 取代。

软件开发流程网页构成

1.一个最基本的HTML页面 我的第一个网页 这是我的第一个网页 2.常见属性•id– id属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值。• class– class属性用来为标签分组，拥有相同class属性的标签我们认为就是一组，可以出现相同的class属性，可以为一个元素指定多个class。•