首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    引入图片amp-img【ytkah英译AMP-2】

    大多数HTML标签可以直接在AMP HTML中使用,但是某些标签,如标签,被等效的或稍微增强的自定义AMP HTML标签所取代(还有一些有问题的标签是完全禁止的,参见规范中的HTML标签)...为了演示附加标记的样子,下面是将图像嵌入页面所需的代码: amp-img src="welcome.jpg" alt="Welcome" height="400" width="800">amp-img...amp-img组件允许运行时以这种方式有效地管理图像资源。像所有外部获取的AMP资源一样,amp-img组件必须预先给出一个显式的大小(如宽度/高度),以便在不获取图像的情况下可以知道高宽比。...amp-img alt="A view of the sea" src="/static/inline-examples/images/sea.jpg" width="900" height.../components/amp-img/?

    1.3K10

    amp模板展示amp网站也可以做得很好看

    ytkah比较喜欢研究一些新东西,AMP刚出来的时候就上手了,也做了一些站点,而且还不赖,因为这个还机缘巧合参加了深圳的谷歌全球合作伙伴大会,很多大牛也都来了,很荣幸能和他们一起交流。...下面就稍微展示一下amp模板吧   amp模板一般都做成手机自适应,能做成PC端站点效果的比较少,做得漂亮的就更少了 ?   ...这个是amp产品列表模块,鼠标移动到图片上面会显示具体的文字,光标移出文字就消失,干净清爽 ?   这个一个amp产品卖点模板,上方图片,下方是卖点文字,图文并茂,国外访客很喜欢 ?   ...这个amp联系方式模板,鼠标移动到模块会有上跳阴影效果,增加互动趣味性,提升用户体验。

    1.3K30

    只对支持amp加速的搜索引擎开放amp功能

    在上篇文章《Typecho 添加 AMP 支持》说了给博客加amp功能,但是我没说弊端233,这次说下优缺点。...优点: 1,amp确实很快捷 2,支持amp功能的搜索引擎(比如谷歌),会优先amp页面,也就是说对seo有利 缺点: 1,对于不支持amp的搜索引擎来说,amp页面内容与原文重复,属于重复文章,可能反而不利于...2,amp页面会被缓存到支持amp功能的搜索引擎上,也就是说文章被收录后,如果再次被修改amp页面可能反应迟钝。...方案二:使用robots.txt来禁止所有搜索引擎来收录amp页面,然后只允许百度或者谷歌来收录amp页面(谷歌搜索引擎和百度搜索引擎支持amp)[只是一种思考,不知道对于seo是否真的有作用] 题外话...雅虎也支持amp,但是雅虎好像废了,搜狗也说支持amp,但是站长平台下,并没有看到amp的影子。

    63220

    创建第一个AMP页面【ytkah英译AMP-1】

    想创建您的第一个AMP页面又不知道如何开始?在本教程中,您将学习如何创建一个基本的AMP HTML页面,如何对其进行设置并验证它是否与AMP兼容,以及如何为发布和分发做好准备。...使用HTTPS:在创建AMP页面和内容时,应该强烈考虑使用HTTPS协议。虽然AMP文档本身或图像和字体不需要HTTPS,但有许多AMP特性需要HTTPS(例如,视频、iframes等)。...要确保您的AMP页面充分利用所有AMP功能,请使用HTTPS协议。 必需的标记: 以AMP样板代码。CSS样板,最初隐藏内容,直到AMP JS加载。   ...引入图片amp-img【英译AMP】   参考资料https://amp.dev/documentation/guides-and-tutorials/start/create/basic_markup

    58510
    领券