HTML，超文本标记语言（HyperText Markup Language）
超文本：指页面内可以包含图片、链接、音乐、程序等非文字元素
标记：页面的由各种标签（标记）组成，文本有隐藏的文本标签
HTML 使用标记标签来描述网页，以开头，结尾
sublime 使用快捷方式生成的一个模板：
Document
| </td> <td>标题</td> </tr> <tr> <td><base></td> <td>页面链接标签的默认链接地址</td> </tr> <tr> <td></td> <td>一个文档和外部资源之间的关系</td> </tr> <tr> <td><meta></td> <td>HTML文档中的元数据</td> </tr> <tr> <td><script></td> <td>客户端的脚本文件</td> </tr> <tr> <td><style></td> <td>HTML文档的样式文件</td> </tr> </table> <p>base标签和meta标签平时都是从别的地方拷贝的，下面扒一扒这个两个标签的用途</p> <ol> <li>base：标签为页面上的所有链接规定默认地址或默认目标。 <p>通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。</p> <p>使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 、<img>、、<form> 标签中的 URL。</p> http://www.w3school.com.cn/tiy/t.asp?f=html_base_test，使用频率好像不高</li> <li>meta：元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词，标签的属性定义了与文档相关联的名称/值对：</li> </ol> <li>content属性：定义与 http-equiv 或 name 属性相关的元信息</li> <li>name属性：表述文档的一些信息，对搜索引擎友好，以及基于移动设备的一些描述 <p class="sycode"> <pre class="precsshui"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <!--定义视窗显示的比例，是否可缩放以及最大缩放值--><meta name="apple-mobile-web-app-capable" content="yes"><!--ios2.0+ 是否全屏--><meta name="apple-mobile-web-app-status-bar-style" content="black"><!--设置Web App的状态栏（屏幕顶部栏）的样式--></script></pre> </p></li> <li>http-equiv：属性为名称/值对提供了名称。并<strong>指示</strong>服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。 <p class="sycode"> <pre class="precsshui"><meta http-equiv="content-Type" content="text/html;charset=gb2312"><!--设定文本类型，页面使用的字符集。 --><meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"><!--可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输，必须使用GMT的时间格式。 --><meta http-equiv="Pragma" content="no-cache"><!--用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出 用法：--><meta http-equiv="cache-control" content="no-cache"><!--清除缓存（再访问这个网站要重新下载！）--><meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"><!--必须使用GMT的时间格式。如果网页过期，那么存盘的cookie将被删除。--><meta http-equiv="Refresh" content="2;URL=http://www.net.cn/"><!--自动刷新并指向新页面--><meta http-equiv="Window-target" content="_top"><!--强制页面在当前窗口以独立页面显示,用来防止别人在框架里调用自己的页面。 --><meta http-equiv="Pics-label" content=""><!--网页等级评定--><meta http-equiv="Page_Enter" content="revealTrans(duration=1.0,transtion=12)"><!--设定进入页面时的特殊效果--><meta http-equiv="Page_Exit" content="revealTrans(duration=1.0,transtion=12)"><!--设定离开页面时的特殊效果--></script></pre> </p></li> <p>从网上搜索的到的，没测试具体哪些真的有用，以后真正需要用的时候再重新整理。</p> <p><body>标签放置文档内容，好像没有太多需要提的，主要html5新增了很多语义化的标签，让我们更好的架构页面 </div>
</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script>
layui.use('code', function(){
layui.code({
elem: 'pre', //默认值为.layui-code
about:false,
title:'整理HTML的一些基础_html/css_WEB-ITnose代码块',
encode: true //是否转义html标签。默认不开启
});
});
</script>
<footer class="comm-footer">
<ul class="channels">
<li>
<a target="_top" href="/system/">操作系统</a>
</li><li>
<a target="_top" href="/down/">程序下载</a>
</li><li>
<a target="_top" href="/jquery/">jquery插件库</a>
</li><li>
<a target="_top" href="/jiaoben/">编程</a>
</li><li>
<a target="_top" href="/db/">数据库</a>
</li><li>
<a target="_top" href="/tools/">在线工具</a>
</li><li>
<a target="_top" href="/framebook/">框架书籍</a>
</li><li>
<a target="_top" href="/xitongjiaocheng/">系统教程</a>
</li><li>
<a target="_top" href="/ruanjianxiazai/">软件下载</a>
</li> </ul>
<ul class="versions">
<li>
<a href="https://m.gxlcms.com" class="active">触屏版</a>
</li>
<li>
<a href="https://www.gxlcms.com" target="_top">电脑版</a>
</li>
</ul>
<p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script></p>
</footer>
</body>
</html> |
