最前端

我的工作,我的生活,点点滴滴...

标签 ‘ html

HTML5 Shiv

  1. 自定义标签在ie9以下浏览器的问题:

    我是<abc>,我包含着<span>
    <!-- ie9以下浏览器,对应的css样式不起作用,且不能包含子元素, 如: -->
     
    <!-- 高级浏览器 -->
    <abc><span></span></abc>
     
    <!-- ie9以下浏览器 -->
    <abc></abc>
    我是<abc>,我包含着
    <span>span</span>
    </abc><//abc>
  2. 解决方法:在head引用 html5shiv-printshiv.min.js.

    <head>
    <!--[if lt IE 9]>
    <script src="http://imgs.bq69.com/blog/wp-content/themes/dcTheme/js/html5shiv-printshiv.min.js"></script>
    <![endif]-->
    </head>
  3. 详细解决方案: html5shiv

执行选中html代码

作为web前端工程师的在我们,学习,测试时,经常要新建一个html文件去执行这些代码,去验证代码的正确性,这可是苦力活,依据DRY原则,我写一段脚本SelectionRun。

用法很简单,下载SelectionRun (637)执行360等会误解为木马,胆小的就不要用了,不会写入注册表,用是双击执行,不用时退出即可,205k大小 ,然后选中代码,按Ctrl+F12键,即会弹出执行代码的页面,测试完毕Ctrl+W关闭页面。

测试代码:

<p>web前端开发工程师编辑必备的小功能,看似简单,但能大的提高你web前端开发的效率。</p>
		<ol>
			<li>快速打开文件</li>
			<li>快速选择整个标签</li>
			<li>快速选择标签内的内容</li>
			<li>匹配和跳转到对应标签</li>
			<li>快速修改属性</li>
			<li>快速注释和格式化代码</li>
			<li>快速进入文件管理器</li>
			<li>快速进入大屏编辑</li>
			<li>列模式</li>
			<li>缩写</li>
		</ol>