#whatwg

[thecommoncoder]

How To Validate HTML Code – What You NEED To Know!

NEW VIDEO UP! Today's video is all about HTML validation. We'll talk about what HTML validation is, why it's important, and demonstrate several ways we can validate our HTML code to ensure that it is compliant with the latest web standards. Enjoy! https://youtu.be/fgaJVqjOe7w?si=iixRDzqVmvcqZQJK

[pen2print]

HTML5: The Modern Standard for Web Development

HTML5, the fifth revision of the HyperText Markup Language (HTML), is the current standard for creating and structuring content on the World Wide Web. Officially published by the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 introduced several enhancements and new features to make web development more efficient, interactive, and…

[ayanahmed1]

应用于电子商务的 AMP 也增加了某些障碍

们都是优点吗？不，事实是，，在我们的在线商店中开始 AMP 编程应用程序之前必须考虑到这些障碍：设计限制AMP 意味着愿意接受有利于移动设备加载速度的设计限制。事实上，这种编程技术的操作对 HTML 标记的标记产生了重要的限制，因为应用了众所周知的AMP HTML。这是一种特殊的标记，它显着限制了影响结构和布局的代码的许多方面。另一方面，当加载页面时，在元素之间建立优先级顺序，首先显示文本并将图像和其他图形资源降级到第二级别。

无论是内部工作还是必须求助于外部开发人员

事实上，应用 AMP 意味着失去内容中的视觉丰富性，转而采用文本格式的信息本身。这可以被认为是一个负面因素，并且有许多网站管理员发现，为了提供更快的网站而失去有吸引力的外观和感觉是非常烦人的。初期（但快速）的进展尽管 AMP 项目在全球范围内拥有坚实的支持，并且已经有许多大公司和开发人员（或多或少地）加入了该计划，但事实是，它是一项仍处于起步阶段的技术。。这意味着并非所有开发专业人员都完全熟悉 AMP，并且很难找到适当的合格人员来实施它。然而，技术世界正在突飞猛进。

证明这一点的是，得益于WordPress 、PrestaShop 或 Magento 等开源CMS（内容管理系统）平台，创建具有在线销售功能的网站变得越来越容易。与此相关的是，AMP 很快就以简单的方式在 WordPress 中应用了插件，并且可以冒险的是，类似扩展的提供将在不同的现有平台上增加。增加成本毫无疑问，投资应该是另一个需要考虑的因素。投入大量时间使我们的网站编程适应 AMP 将涉及大量工作时间。，采取这一步骤都需要明确要进行的投资。如果在线商店从头开始看到光明，并且我们想选择定制开发，那么问题将是是从一开始就投资 AMP 编程还是留到以后再投资。当然，在请求 Web 开发的技术和经济建议时，强烈建议咨询相关机构，了解 AMP 实施的额外价格相对于仅遵循通常的 Web 开发参数进行的投资的细目。正如上一点所述，如果我们的网站是在开源 CMS 平台下创建的，而不是通过使用插件进行自定义 Web 开发，那么我们可以使用更低的成本。在线广告的附带损害如果我们将自己置于广告商的角色中， AMP可能会产生有害的一面。情况可能是，我们正在开展 AdWords 活动，通过我们感兴趣的某些网站、博客等上的展示网络或其他附属渠道来推广我们的商店。

如果我们要投放广告的这些网站是AMP

一切都表明，技术巨头的这种类型 WhatsApp 数据库 的措施只能伴随着这样的标准化，它可以克服上述大部分缺点，从而促进对这种类型的编程的访问。Google在 2015 年底创造了渐进式 Web 应用程序(PWA)一词，为那些与移动应用程序没有区别的 Web 应用程序起一个名字，从而促进其发展，同时建立了网站进入这个市场必须遵守的特征。类别。谷歌在这些技术上投入了大量资金，因为它已经看到用户对移动应用程序的忠诚度越来越高，而不是对网站的忠诚度，而拥有同时是移动应用程序的网站是扭转局面的最佳方式。然而，这并不是什么新鲜事，我几年前就已经写过有关Web 应用程序如何与移动应用程序无法区分的文章。事实上，这一切都始于 2005 年，当时Web 应用程序 1.0 标准（后来成为HTML5标准）开始在新创建的WHATWG内制定。

Progressive Web App名称中的“渐进

词来源于渐进增强开发策略，用于处理所有浏览器都没有的功能，从而从最基本的开始添加功能，以确保如果未启用更多高级功能，该网站仍然可以访问。Lighthouse -anlizador PWAGoogle制定了一系列网站必须满足的要点才能进入此分类，您可以通过以下链接进行查阅： https://web.dev/pwa-checklist/正如您将看到的，有些要点是提供计算机工程师所谓的功能需求。这些决定了应用程序可以做什么。其他要点是提供非功能性需求，例如良好的用户体验、性能、安全性等。所以 PWA不仅可以提供移动应用的功能，还必须完美实现。Google 为我们提供了Lighthouse工具，指导开发人员应对网站必须满足的众多要求，才能被视为 100% PWA。我们发现这个工具是 Chrome 中或开发人员工具的审核选项卡中的扩展。我们还可以选择通过命令行使用它，从 Node.js 开发框架包管理器安装它。下面让我们看看其中一些要求的摘要。渐进式 Web 应用程序必须满足的显着特征它必须具有响应性：设计必须自动适应任何屏幕分辨率。

使用推送通知：如果您仍然不知道它们是什么，我建议您阅读条目：在您的网站上推送通知以增加重复访问和转化，因为这是 PWA 最有趣的功能之一，因为另外一种可以为用户增加价值的新功能，它是一种新型的在线广告。��进了离线工作或网络质量较差的连接性。我之前已经写过一种名为“应用程序缓存”的技术来实现此目的，但该解决方案最终因导致足够多的问题而被丢弃，无法正确管理更新。所以现在应该使用Service Worker，这是一个允许我们可以想象的任何缓存策略实现的解决方案（而且它们也用于推送通知）。这些是小型 JavaScript 程序，仍然安装在用户的浏览器中，允许我们拦截请求以决定如何管理它们。最常见的缓存策略是缓存优先和网络优先，第一种策略是我们查阅缓存，然后向网络发起请求，第二种策略则相反。在每个功能中，我们可以具有不同的功能，例如向用户指示他们正在离线浏览或是否有可用更新。对于 URL 缓存，使用Cache API（它利用缓存存储），对于其余IndexedDB数据，不使用 Web 存储（本地存储和会话存储），也不使用任何其他存储 API，因为它们无法从服务人员。支持的空间取决于浏览器和可用空间。大量存储只能在征得用户许可的情况下进行。

Service Worker的操作图Service Worker的操作图它可以通过浏览器选项

目前仅限 Google 和 Opera）添加为具有自己的快捷方式的移动应用程序，从而鼓励重复访问。为此，我们���须创建一个manifest.json文件，在其中指定应用程序的显示方式：名称、所有必要尺寸的图标、界面按钮、启动 URL 等。然后，我们必须通过在标签内输入以下代码并将 文件上传到根目录来从 HTML 代码链接此文件此外，如果满足某些要求，Chrome将显示一个安装网络应用程序的横幅 （Opera已经宣布它也将有这个选项）。当前的这些要求是：用户已访问该页面 2 次，两次访问之间至少有 5 分钟的时间差，已注册 Service Worker，并且 文件具有某些强制参数（名称、短名称、图标）至少最多 144 像素和起始 URL）。添加到主页开发人员可以捕获浏览器决定显示横幅的时刻，以便在另一个更合适的场合启动它，因为那时用户将更有可能添加该应用程序。这可以在用户完成购买或预订时完成，或者只需在网站界面上放置一个突出的按钮，以便他们可以随时将其添加为应用程序。在以下链接中，我们有一个Microsoft PWA 生成器的示例，该生成器通过输入参数来创建文件快速：必须使用各类WPO技术，做到加载瞬间、加载时屏幕不跳动、界面响应即时等。在使用的 WPO 技术中，我们必须强调AJAX，或者现在也称为 API Fetch。

Google 建议为 最初加载的应用程序提供一个外壳

我们将仅在使用 Fetch API 导航期间修改主要内容。我们将在以后的文章中看到这带来的可索引性问题，其中我将讨论对于具有这种结构很有用的SPA（单页应用程序）框架，如果它们没有正确实现，我们将拥有不会出现的页面可转位。安全：必须有HTTPS。这对于能够为用户安装 Service Worker 也是必要的，因为这是确保 Service Worker JavaScript 来自所请求的域且未经可能的黑客修改的最佳方式。可索引和可​​链接：PWA 必须可索引才能通过搜索引擎发现。不仅如此，Windows 应用商店还将在今年年底开始纳入其索引的 PWA，以增加其应用程序目录。目前尚不清楚将来我们是否会在 Google Play 或 Apple Store 等其他市场中看到 PWA，但如果发生的话，Google Play 很可能会这样做，因为他们正在抢占很多市场推广 PWA 并将其很好地集成到 Android 中是很困难的，而苹果并不热衷于免费应用程序。PWA 的内在技术特征这些应用程序是跨平台的，这意味着它们可以在任何设备上运行，无论是Android、IO、Windows Phone还是任何浏览器，因此节省了为每种类型的操作系统开发网站和应用程序的成本。

对于视频游戏和其他计算成本较高的应用程序

虚拟现实、增强现实、照片修饰、视频编辑等）来说，它们的速度不如原生应用程序，但使用目前正在开发的WebAssembly技术，区别就在于会很小，因为它允许您在客户端上执行 C 或 C++ 编译的代码。它们是除了提供内容之外还具有我们可以在任何移动甚至桌面应用程序中看到的功能的应用程序。他们可以访问摄像头、麦克风、GPS、加速计等。最后，请记住，您的网站没有必要在 Lighthouse 中获得 100% 的好评。达到这种卓越水平很困难，但通过实施 Google 清单中的几点，我们可以注意到流量的改善。我指的是推送通知，将网站作为应用程序添加到移动桌面的能力，最重要的是，那些最影响我们网站速度和用户体验的点，其中必须突出显示从缓存加载。使用Fetch 或AJAX API进行工作和导航。什么是 nofollow 链接属性？nofollow 链接属性可防止流行度从链接的源页面流向链接的目标页面。这意味着 接收链接的页面根本不会从来自该 链接的页面的流行度或可信度中受益。它出现于 2005 年，原因是博客评论中的负面链接垃圾邮件增加。允许您告诉搜索引擎不要点击该链接。您可以在我们的在线营销词典中的nofollow 属性的定义中找到更多相关信息。

我们的联系方式

电报：https://t.me/dbtodata

Whatsapp：https://wa.me/8801918754550

[kennak]

OPはこちら。 皆さん、肯定/否定/中立のコメントをありがとう。 いくつかのコメント: はい、私が貢献できるブラウザーはたくさんありますが、どれがより効率的であるかに貢献できます。 ただし、その場合、多数のブラウザではなく��少数のブラウザが使用されることになります。 最後の案は人々に選択肢を与えるものなので、私は大賛成です。 これはペットプロジェクトです。 私は誰にもそれ以外のことを言ったことはありません。 テクノロジー業界にうんざりしていないときでも、私はそれを書き始めました。 でも、何もできないことに腹が立ちます。 そして、これがそれについて何かをしようとする私の方法です。 それが私にできる最善のことです。 このプロジェクトは実際のブラウザにはならないと思います。 それが私がこれを書いている理由ではありません。 人々に私のコードを見て笑ってもらいたい、あるいは物事を改善するための独自のアイデアを得てほしいと思っています。 たとえば、html5 トークナイザーとパーサーのアルゴリズム全体が段階的に説明されている whatwg サイトが大好きです。 これは、誰でも独自の HTML5 パーサーを作成できるほど簡単 (?) であることを意味します。 Google や Microsoft が独自のカスタム HTML5 (html5、ghtml) をクローズド形式として作成することを決定したらどうなるでしょうか? 彼らがこれほどの市場シェアを持っているとき、誰が彼らを止めることができるでしょうか？ 根本的な技術的課題についてもっと知りたいため、ゼロから始めたいと考えています。

もう飽きたのでブラウザを書いています | ハッカーニュース

[transienturl]

and the one that does exist doesn't have brotli

oh, this is why: brotli's compression library is big and it would be sort of weird to only have decompression. fair enough.

aside: it sucks that, that I know of, modern browsers provide very advanced color manipulation tools in the relative colors and color-mix css features, but there's no way to use javascript to query the resulting colors to do arbitrary things with the results. you have to import/implement a library that does javascript math that just so happens to produce the same result that native code already does.

it reminds a lot of how there was no javascript api for "compress/decompress some data" until a firefox version that came out in the middle of last year—and the one that does exist doesn't have brotli—even though every single web browser has to have a gzip decompression library to be able to open any web page and brotli has been supported by every browser for 7 years. once again, sure, a library author will painstakingly reproduce equivalent logic in javascript, but like, why?

(there are significant security advantages to only letting web apps run javascript because it's very sandboxed and audited, sure, but having an open source dev duplicate a piece of code is another place for bugs and, yes, security issues to crop up too, which is mostly unnecessary in the case where, you know... the logic being implemented is being decompressed by a piece of code that does the same thing it's for before it's run.)

[foulchildtiger]

[irradiate-space]

Much like the controversial battery-levels API, it was implemented with good intent. It's so that webpages can 1) detect that they're not in focus, and 2) knowing that they're not in focus, avoid doing expensive stuff like rendering, downloading, or processing. It's especially important for prerendering, for avoiding autoplay, and for stuff with performance implications like web games and web video.

But yeah, it is really annoying when YouTube decides not to let you play video in a background tab on a mobile phone.

Today I learned about the document.visibiltystate property in web browsers, which reports to the page whether it's in focus or not.

Who the fuck allowed this to be implemented? Under what circumstances should any site ever have access to whether it's in fucking focus? The tab shouldn't know anything about what I'm doing with the rest of my computer! Or even the rest of my browser.

There seem to be some random extensions that allegedly turn it off. But I don't understand why that's not a core browser feature. I don't understand why the property is an allowable feature. This seems like a profound violation of how web browsers are supposed to function.

[sky-prime]

КАКВО ПРЕДСТАВЛЯВА МИКРОДАТА ФОРМАТ ЗА BREADCRUMBS И ПОЛЕЗЕН ЛИ Е ТОЙ?

Microdata е спецификация на WHATWG HTML, която се използва за „гнездене“ на метаданни във вече съществуващо съдържание. Търсачките, роботите и браузърите разчитат и обработват Microdata от уеб сайта и я използват, за да предоставят на потребителите най - оптимално използване на уеб сайта.

Ако искате Вашата уеб страница да има повече предимства, съветваме Ви да ползвате микродата за breadcrumbs. При търсене, в резултатите на Google ще се визуализират редица от ключови думи, допринасящи за подреденост и изчистеност, вместо стандартния URL адрес.От Sky Prime Ви съветваме да посетите schema.org, където може да видите категория с изчерпателно съдържание по настоящата тема.

sky-prime.com - https://sky-prime.com/seo-on-page

[skyprimeblog]

КАКВО ПРЕДСТАВЛЯВА МИКРОДАТА ФОРМАТ ЗА BREADCRUMBS И ПОЛЕЗЕН ЛИ Е ТОЙ?

Microdata е спецификация на WHATWG HTML, която се използва за „гнездене“ на метаданни във вече съществуващо съдържание. Търсачките, роботите и браузърите разчитат и обработват Microdata от уеб сайта и я използват, за да предоставят на потребителите най - оптимално използване на уеб сайта.

Ако искате Вашата уеб страница да има повече предимства, съветваме Ви да ползвате микродата за breadcrumbs. При търсене, в резултатите на Google ще се визуализират редица от ключови думи, допринасящи за подреденост и изчистеност, вместо стандартния URL адрес. От Sky Prime Ви съветваме да посетите schema.org, където може да видите категория с изчерпателно съдържание по настоящата тема.

[ade-web]

Web Authoring Module

Web authoring is a major module as part of my course at Griffith college in Dublin.  The module is expected to introduce me as a student to the theories and methods behind building modern websites, which includes planning, researching, designing and coding. This is my my second week into the program and I find the course materials and content very interesting. I have started learning HTML (Hypertext Markup Language) which is a markup language comprising of elements/tags for documents to be displayed by the browser. The version of HTML we focus on is HTML5  which is the fifth and latest major version of HTML that is a World Wide Web Consortium (W3C) recommendation. The relationship between W3C and WHATWG working together on HTML and DOM, was learned.  The highlight of the week is  learning elements and closing elements such as headings, paragraph, bold, italics, break, comments,etc Finally created some web pages in the lab with basic structure as below <!DOCTYPE html> <html lang=“en”>       <head>            <meta charset= “UTF-8″>                       <title> </title>       </head>       <body>            <h1>            </h1>            <p>            </p>       </body>  </html>

[bennystevenson08]

2021 digital marketing trends

There is always a huge interest in digital marketing trends and innovation in marketing as we get closer to the new year. And rightly so, since reviewing innovation in digital marketing, technology, and platforms for the year ahead can help marketers identify new opportunities that agile businesses and marketers can tap into... if they're looking in the right place and know the right questions to ask...

Each year, for the last ten years, I have assessed the digital marketing landscape to help give recommendations on the digital marketing trends marketers should focus on in the future.

In this year's guidance on the Smart Insights blog I will cover what I see as the main trends across our RACE customer lifecycle framework which defines 25 key digital marketing activities that can be harnessed by businesses to drive growth through:

Improved reach via digital channels Increasing digital engagement of your audiences Better managing digital marketing to integrate it into marketing activities

Improve your digital marketing plans for growth in the year ahead Our Managing digital marketing research 2020 shows that many businesses don't have a planned approach to take advantage of the latest and evergreen digital marketing techniques. Our RACE digital marketing process gives a simple way to structure a digital marketing plan.

What digital marketing trends should we review? I believe it's important for all businesses to review how they can harness the latest marketing trends so they can apply the latest innovations through the 70:20:10 rule of marketing focus. Google's digital marketing evangelist Avinash Kaushik has explained the benefits of this mindset :

70% of the time we're going to focus on things that we know that are very core to our business. 20% is where we're trying to push the boundaries. You get into the known unknowns. And the last 10% is a true crazy experimental stuff. Trying to figure out how to do uncomfortable things that we're going to fail at more than we will succeed at. But with every success, you build a competitive advantage.

So evaluating innovations can help you push the boundaries, but also improve your digital marketing activities.

Truth-be-told, at a high-level, the trends across digital marketing tactics are similar each year - with a lot of the interest in search, social and email marketing, and new web design and content marketing techniques to engage and convert our audiences. Traditionally, technology innovations are the drivers of trends in digital marketing  including changes in:

Digital platforms: Innovations from the FAMGA businesses of Facebook Inc (FB), Apple Inc (AAPL), Microsoft Corp (MSFT), Google (GOOG) and Amazon.com Inc (AMZN) Martech vendors: In particular, the big marketing cloud players with the biggest R&D budgets including Salesforce, Oracle, HubSpot and companies with a larger user base targeting SMEs like Mailchimp Independent standards bodies: Including World Wide Web Consortium, or W3C— of which Tim Berners-Lee is a founder and current leader; Living Standard by Web Hypertext Application Technology Working Group, or WHATWG and the Internet Engineering Task Force, or IETF. Normally the trends are independent of economic factors, but that's not the case this year. Of course, the big difference affecting changes in marketing investment in 2021 is from the havoc that COVID-19 has wrought around the world. Although there have been winners in some sectors where demand has held up or even increased, many have fallen. Regardless of sector, low-cost or no-cost methods of growth are more important than ever. This perhaps explains why our research shows that the AI-based techniques which I will cover throughout this article are relatively unpopular.

Recommendation 1. Organic search: Monitor core updates and EAT During 2020, core updates have had a significant impact on organic visibility for businesses in some sectors as these 4 case studies on the impact of Google’s latest core updates shows.

In their advisory What webmasters should know about Google’s core updates Google explains these like this:

“Each day, Google usually releases one or more changes designed to improve our search results. Most aren’t noticeable but help us incrementally continue to improve. We aim to confirm such updates when we feel there is actionable information that webmasters, content producers, or others might take about them".

The advisory and the more recent case studies often reference the perennial importance of content quality affecting Expertise, Authority and Trust signals. So anyone serious about competing in search should grab a copy of the latest search quality guidelines to benchmark their content.

Recommendation 2. Organic search: Look at opportunities from structured data and the SERPs features. I respect Bill Slawski as a close follower of the latest Google patents and innovations. So, when he pronounces structured data will increase in importance and evolve it's worth listening.

In this article, Bluearray gives the predictions of how structured data will change in future. These predictions are already coming true as in Sept 2020 we saw a first example of structured snippets within SERPs which is evidence of a future trend.

Recommendation 3. Organic search: Voice search remains hyped but will deliver little for most businesses Sorry, I have to mention it since we so often still see the dumb recommendation that Voice search is the number one trend businesses must focus on. If you think back, you may remember the often misquoted 2014 prediction that “voice search will by 50% of all searches by 2020”. Well we're in 2020 and it's still being widely touted and of course, smart speaker use has increased dramatically, but the reality is that voice-based searches on mobile and desktop have a minimal impact on the practical execution of SEO for most businesses.

I agree with the views of Cameo Digital who explain the limited impact of voice search  when they comment that regardless of whether the uptake for voice search increases, the game stays virtually the same for SEOs. They explain that Voice Search involves using a spoken command to retrieve the information you want from search engines with two types of voice search, each differing in their type of output. Only the first of these, however, is relevant to SEO:

Type 1: When a user chooses to use spoken voice commands as opposed to typing a query into Google. This is treated as a normal web search, the data of which will be collected in Google Search Console, so SEO as normal. Type 2: When a user chooses to use a spoken voice command in order to receive a spoken answer. This is the case with many smart speakers such as Google Home and Amazon Alexa. These searches are not logged in Google Search Console and have very little relation to SEO. So, businesses can tap into any voice-based changes in search behaviour by focusing on the fundamentals of SEO such as keyword research, on-page optimization best practices, structured data and creating quality content with high Expertise-Authority-Trust to fit evolving search behaviours, including more conversational queries.

I would add that changes in keyword behaviour prompted by rising local voice queries are important to optimize for if you target local buyers.

[ray-on-web-authoring]

Intro to Lecture Week 2

Before today’s lecture, we were asked to view a video of a recorded lecture on HTML that Gemma put up on Moodle for us. It was a lecture on HTML. It delved into who created it, a thing called the ‘Browser Wars’ in 2005, and the Document Object Model (DOM). Before now, HTML had 2 different specs for creating websites/developing, created by W3C and WHATWG. Now, both have joined together to collaborate for HTML. We then learned about Markup, a system of annotating a text document to create something. We delved into the Table of Element then which was extremely useful to see as a graphic as it made things a lot clearer in my head. We looked into elements or tags, which are the building blocks of web pages, some of which include: paragraphs, headings, subheadings, images and links to name a few. We learned how nesting was important and when and how to do it! The most important thing I took from it was YOU MUST REMEMBER TO CLOSE YOUR TAG/ELEMENT (although there are some tags called Void Tags which do not close but we haven’t learned about them too much at the moment). Other things we looked at were the lines of code that you must include in your work at all times, including the DOCTYPE and UTF-8 meta code, and when, where and how to order them in your code. All HTML documents must have 4 specific elements: The Root Element, The Head Element, The Title Element and The Body Element. We were taught about attributes which provide additional information about contents, by giving a name and value. Another useful thing we learned was how to add comments to our document, which will be essential for this course, as Gemma wants us to use comments throughout our code so that she can see whether we understand the code we are writing. The final thing we delved into was the HTML Validator which I downloaded and installed into my Firefox browser, which allows us to inspect elements on the web, or  our code and see whether there are any warnings or errors present! This is a precursor to today’s lecture but I wanted to address this video because it proved really interesting and extremely useful before today’s class on HTML coding

[npmjs]

Release: 6.14.1

6.14.1 (2020-02-26)

303e5c11e hosted-git-info@2.8.7 Fixes a regression where scp-style git urls are passed to the WhatWG URL parser, which does not handle them properly. (@isaacs)