I found that H5 tags are rarely used in PC page layout. Why? Is H5 only suitable for mobile layout?
I found that H5 tags are rarely used in PC page layout. Why? Is H5 only suitable for mobile layout?
h5 and h4 is the same as es6 and es5, except that the version is upgraded, and the new tag is like the new syntax feature in es6. As for why h5 tags are rarely used on the pc side, first of all, it is not rare for the PC side to use the h5 tag, and the reason for not using it is more to consider the compatibility of the browser. It is recommended to go to Baidu to see what new features have been added to the h5 and what is the compatibility.
HTML5 is more suitable for mobile layout because the REM layout (adaptive layout)
rem (font size of the root element) is the unit of font size relative to the root element. To put it simply, it is a relative unit. And the reason why the PC side does not use H5 tags in large quantities is due to the compatibility of IE browsers, not because of its typesetting and layout factors.
here is a HTML5 development kit , you can download and try it. Through the demo program and code, I believe you will have a new understanding of HTML5.
here are some additions to the introduction upstairs. Corrections and suggestions are welcome.
Html5 rem layout and flex layout on the mobile side of the browser support is very high can be used, for the PC side, need to be compatible with IE, so abandon the flex layout, as for the upstairs side of the PC side does not use a large number of H5 tags, I add a compatibility plug-in for H5 tags html5shiv.js can solve this problem.
I found a js code from the Internet to calculate the time difference effect is that we have been together xx days xx xx minutes xx seconds problem is that this time will not change only enter the web page after refreshing to keep the same value so I...
use location.hash = "- sharpfooter " to navigate to the DOM node on the page where id is footer, then scroll to the click location and click again, it will not jump to the-sharpfooter position again, only the first click is valid ...
< H2 > now that you are getting started with front-end programming, can you learn html5 + css? directly across html, < H2 > the reason for my question is: recently got in touch with html, spent more than two weeks reading more than 200 pages of a boo...
when rendering with data v-for this is the content both have for loop rendering data if two are loaded at the same time, the browser will collapse, and the amount of data is not about 20 if you comment out the content first, load the navig...
when using axios to request data, the data is returned very slowly, even if it is just fetching the data without rendering the home page, it will take a long time to load. excuse me, this is the problem of axios itself network as shown in the pic...
see the manifest update on the Internet, which roughly means that the browser will detect whether the manifest file has been changed, and refresh the cache list if the change is made. In fact, although Application Cache Progress event (83 of 83 is disp...
as the title, we are going to do an e-book reader on the web side, and the back end will send us content according to each chapter. our reader scrolls vertically. For example, when we are looking at Chapter 5, the user scrolls down a little bit (for ex...
I don t know how to use the onclick event of element ui correctly. The document doesn t introduce it in detail, and I haven t worked it out for a long time. specifically consult . I want to trigger this event when I click Notification again ...
Jian Daoyun can keep the common part of the page such as navigation unchanged, but only change the main part of the page when you click on the navigation bar (or navigation pane) to switch pages. At the same time, if you look at the address bar, you can...
there are 4 animations. One after another, the animation of browsing the page with delay time is normal but when Wechat opened the sharing, it was time to select friends and deselect and found that several animation delays of the original page were all...
waiting now, how to solve height: 54px; line-height: 54px; iPhone placeholder is normally centered vertically, while Android phone is on the upper side iPhone cursor is not normal ...
when you click manually, you can copy the specified content to the pasteboard, and add an automatic loading page on this basis, how to achieve it? < hr > <body> <input type="text" id="inputText" value="444" ...
I am waking up app with url scheme. the requirement is that if app exists, open app, does not exist, ios jumps to appstore, Android jumps to google play. var nowTime = new Date().valueOf(); setTimeout(function() { var launchTime = new Da...
Click the child class under the current checks to be displayed as none, then the other checks,class is hidden by none, and the reason why it is not directly hidden by the parent. The parent always has the style of display . <div class="checks&qu...
now I want to insert the live broadcast code into my web page. For example, if I use the yy live broadcast code to insert the live broadcast code into my computer, there is no problem with my mobile phone. Is there any free or relatively low-cost way to ...
as mentioned above, I use the a tag to request download and asynchronous request to download, obviously pop up to save the window faster than the a tag, my side is the second pop-up window. The latter is to wait for the whole file to download and then p...
I want to use vue to do a file upload function. If you upload a picture, you can preview the picture or edit the file. Which god has a good plug-in to recommend it? thank you ....
The input input box cannot scroll to the visual area immediately after gaining focus, only after entering the content. How should I scroll to the visual area immediately after I want to gain focus? ...
A route without the-sharp number should be used in the vue project. I changed mode to history; in the path . vuenginx; ; nginx ...
when opening an H5 project, there is a loading,loading that loads all the image resources of the project first, which is convenient for the later user experience to load faster, and then how to load all the image resources of the project? ...